配色の調和パレット

使い方

1. 基準の色をピッカーで選ぶか、16進数コードに入力します。
2. 配色を選びます。両方の色相環と両方の一覧が同時に変わります。
3. HSL色相環で画面の色を確認し、次に画家のRYB色相環で絵の具の配色を確認します。
4. 色の横のコピーボタンを押すと、その16進数コードをコピーできます。

7種類の配色

補色の組は、色相環で向かい合う2色です。類似色は、基準の色とその両隣の色です。トライアドは等間隔の3色で、色相環上では正三角形を描きます。スプリット補色は、基準の色の補色の両隣の2色を使います。テトラードは、2組の補色による長方形の4色です。これらの定義はWikipedia（英語）の色の調和の記事)で確認できます。

スクエアは90度ずつ離れた4色で、単色調は色相を1つに保ち、明るさだけを変えます。これらは一般的な考え方で、このツールは次の角度を使います。

• 補色：基準の色と、基準の色 + 180°
• 類似色：基準の色 − 30°、基準の色、基準の色 + 30°
• トライアド：基準の色、+ 120°、+ 240°
• スプリット補色：基準の色、+ 150°、+ 210°
• テトラード：基準の色、+ 60°、+ 180°、+ 240°
• スクエア：基準の色、+ 90°、+ 180°、+ 270°
• 単色調：基準の色相で、基準の色の周りに明度20%、35%、50%、65%、80%

画家のRYB色相環と近似

画家の色相環は、赤、黄、青を基にしています。この3つの原色を混ぜると他の色ができます。赤と黄でオレンジ、赤と青で紫、青と黄で緑になります（Wikipedia（英語）のRYB色彩モデルの記事）。そのため、この色相環では赤の補色は緑になり、画面の色相環では水色（シアン）になります。

画面の色は絵の具のように混ぜられないため、このツールは Gossett and Chen（2004）の近似を使います。論文「Paint Inspired Color Mixing and Compositing for Visualization」は、RYB立方体の8つの頂点にRGBの色を与え、その間の色は同じ論文のスムーズステップ則で補間しています。基準の色は、この対応付けの最も近い点に置かれます。この近似は計画のためのもので、顔料を測定した値ではありません。絵の具の色は、メーカーや混ぜ方によって異なります。

• 彩度が10%未満の色には、RYB色相環で色相がないため、その色だけを表示します。

よくある質問