カラーホイールとは?

カラーホイールツールは、色の関係性を視覚的に探索し、調和の取れたパレットを生成できます。ベースカラーを選択すると、補色、類似色、トライアド、スプリットコンプリメンタリー、テトラードの配色がインタラクティブなホイール上に即座に表示されます。

使い方

  1. カラーホイール上をクリックまたはドラッグしてベースの色相を選ぶか、入力欄に特定のHEX値を入力してください。
  2. ハーモニータイプ(補色、類似色、トライアド、スプリットコンプリメンタリー、テトラード)を選択すると、一致する色がホイール上にハイライト表示されます。
  3. 生成された色をHEX、RGB、HSL形式でコピーするには、スウォッチをクリックしてください。パレット全体をエクスポートしてデザインツールで活用できます。

結果

Webデザイナーがブランドカラーとして#E87040を選び、トライアドハーモニーに切り替えると、ランディングページ用にバランスの取れた3つのアクセントカラーがワンクリックで生成されます。

関連ツール