インタラクティブ カラーホイール
ベースの色を選んで、補色、類似色、トライアド、テトラード、分裂補色の配色を作成できます。
ファイルはお使いのデバイスから外に出ません完全無料
ベースカラー
#FF3D72
補色
類似色
トライアド
テトラード
スプリット補色
使い方: カラーホイール
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
カラーホイールとは
カラーホイール(色相環)は、調和のとれた配色づくりに役立ちます。色相を円形に並べているので、色同士の関係を角度で表せます。補色は180°反対側、類似色は30°離れた隣の色、トライアドは120°ずつ離れた3色、テトラードは90°ずつ離れた4色、分裂補色は補色の両隣にある2色とベースの色の組み合わせです。
カラーダイアログでベースの色を選ぶかHEXコードを入力すると、5つの配色がすべてすぐに更新されます。このツールは色相だけを回転させ、ベースの色の彩度と明度はそのまま保つので、すべての色見本が同じ鮮やかさになります。色見本をクリックするとHEXコードがコピーされ、カーソルを合わせるとRGB値が表示されます。落ち着いたデザインにしたい場合は、1色をメインにして、ほかの色をアクセントとして使いましょう。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。