色相・彩度・明度を、地図のように動かして色を探す
色相×彩度、色相×明度、彩度×明度を切り替えて、色の位置関係を直感的に確認できます。気になる位置をクリックするとHEX・RGB・HSLへ変換し、そのまま色検索・比較・配色へ進めます。
彩度 100%
彩度 0%
色相 0°
色相 360°
選択した色
#00FFFF
RGB 0, 255, 255
HSL 180°, 100%, 50%
3つの平面をどう使う？
同じ明るさのまま、色みと鮮やかさの関係を見ます。ブランド色やアクセント色を探すときに便利です。
鮮やかさを固定して、色みと明るさの関係を確認します。背景色・文字色・濃淡展開の検討に向きます。
色相を固定し、くすみ具合と明るさの関係を確認します。同系色パレットやトーン設計に向きます。