カラーホイールとは？
ベースカラーを選ぶと、補色・類似色・トライアド・スプリットコンプリメンタリー・テトラードの配色がインタラクティブなホイール上に表示されます。色をHEX・RGB・HSLでコピーし、パレット全体をエクスポートできます。
使い方
- カラーホイール上をクリックまたはドラッグしてベースの色相を選ぶか、入力欄に特定のHEX値を入力してください。
- ハーモニータイプ（補色、類似色、トライアド、スプリットコンプリメンタリー、テトラード）を選択すると、一致する色がホイール上にハイライト表示されます。
- 生成された色をHEX、RGB、HSL形式でコピーするには、スウォッチをクリックしてください。パレット全体をエクスポートしてデザインツールで活用できます。
結果
Webデザイナーがブランドカラーとして#E87040を選び、トライアドハーモニーに切り替えると、ランディングページ用にバランスの取れた3つのアクセントカラーがワンクリックで生成されます。