🎨 カラーパレット生成

ベース色を選ぶと、補色・類似色・トライアド・モノクロマティックなどの配色を自動生成します。色見本をクリックするとHEXをコピーできます。

入力

例: #3B5BDB(3桁の #ABC も可)

※ 配色はHSL(色相・彩度・明度)を操作して生成した目安です。用途やアクセシビリティ(文字色とのコントラスト比など)に応じて微調整してください。色をクリックするとHEXをコピーします。