インタラクティブなカラーホイール — 一致する色の調和を見つける

カラーホイールは、色相をスペクトル順に円形に並べたものです — 赤から黄、緑、青と続き、再び赤に戻ります。調和する色同士は、ホイール上で決まった幾何学的な位置に並びます。このページでは、ホイール上の好きな場所をドラッグする(または16進数コードを入力する)だけでベースカラーを設定でき、6つの定番配色パターンがコピー可能な16進数コードとともに即座に算出されます。

補色とは正反対に位置する色の組み合わせです — 青とオレンジ、赤と緑、黄色と紫など。色相の違いが最大になるため、最大限のコントラストと鮮やかさが生まれます。デザイナーは通常、一方の色を基調とし、補色はアクセントや行動喚起(CTA)に控えめに使います。

トライアドは120度間隔で配置された3色を使い、鮮やかでありながらバランスの取れた組み合わせを生み出します。テトラード(矩形)は60度間隔の補色ペア2組、計4色を使用し、最も豊かなバリエーションを生み出せる一方でバランスを取るのが最も難しい配色です。スクエアも4色を使いますが、90度間隔で均等に配置するため、暖色と寒色がより均等に分かれます。

すでに持っている色から始めてみましょう——カラーホイールにそのHEXコードを入力するだけです。安心感のあるプロフェッショナルな印象にしたいなら類似色配色を、大胆で高コントラストな印象にしたいなら補色配色やスプリットコンプリメンタリー配色を選びましょう。このページの各配色には小さなサンプルインターフェースが付いているので、実際のレイアウトでその組み合わせがどう見えるかを、決定する前に確認できます。

はい。カラーホイールは色相(円周上の位置)と彩度(中心からの距離)を操作し、明度は別のスライダーで調整します。ハーモニーは選択した彩度と明度を保ったまま色相だけを回転させるため、柔らかいパステル系の色をベースにすればパステル調のハーモニーに、濃い色をベースにすれば濃い色調のハーモニーになります。

ほとんどの場合、3 つのうちの 1 つです。ファイルは 20 MB の無料アップロード制限を超えています。Premium では 50 MB、Pro では 120 MB が必要です。このツールが受け付ける形式ではないため、アップロード パネルに表示されるリストを確認してください。または、ファイルは実際にはその名前が示す形式ではありません。ファイルの名前を変更してもファイルの中身は変更されず、それが有効に見えるファイルが拒否される理由です。

はい - 強度または強度のコントロールがある場合、ツールの動作がわかるようにデフォルトが意図的に明白になっています。ほとんどの写真は、下にある方がよくわかります。エフェクトがフィルターではなく決定のように見えるまで強度を下げ、ダウンロードする前にオリジナルと比較してください。

Color Wheel shows its result on the page. Standard use does not require signup; this workflow does not offer a file download. Published processing allowances and file limits still apply.

いいえ。カラー Wheel はデスクトップとスマートフォンのブラウザで使えます。インストール、トライアル開始、ライセンス購入は不要です。必要な機能かどうかは、サンプルではなく実際に困っているファイルでお試しください。