カラーパレット生成ツール

ベースカラーから補色・類似色・トライアドなどを自動生成。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値も表示されます。

このツールをもっと活用する

もっと学びたい方へ

チートシート・技術記事・開発リソースで学習を加速