カラーパレット生成ツール
ベースカラーから補色・類似色・トライアドなどを自動生成。HEX/RGB/HSLでコピー対応。
ベースカラー
#667eea
明度バリエーション
#060d2d
10%
#0c1a5a
20%
#122887
30%
#1835b4
40%
#1f42e0
50%
#4b68e7
60%
#788eed
70%
#a5b3f3
80%
#d2d9f9
90%
補色
#667fea
ベース
#ead266
補色
類似色
#66c0ea
-30°
#66a0ea
-15°
#667fea
ベース
#6f66ea
+15°
#9066ea
+30°
トライアド（三角）
#667fea
ベース
#ea667f
+120°
#7fea66
+240°
テトラッド（四角）
#667fea
ベース
#ea66c0
+90°
#ead266
+180°
#66ea90
+270°
カラーチップをクリックするとHEXコードをコピーできます。ツールチップにHSL・RGB値も表示されます。