すべての配色ルールの土台となるカラーホイール
これらの配色はどれも、同じ円形のカラーホイール上で点を選ぶルールが異なるだけです。色相は0度から360度までの角度として表され、補色はちょうど反対側の1点、類似色は近くの点、トライアドは均等に離れた点を選びます。この仕組みを理解すると、それぞれの配色がなぜその印象を生むのかが見えてきます。
色相・彩度・明度は独立してコントロールされる
多くのジェネレーターはRGBではなくHSL(色相・彩度・明度)色空間で計算しています。HSLでは色相をホイール上で回転させながら、彩度(鮮やかさ)や明度(明るさ)を個別に調整できるため、特にトーンオントーン配色を作る際に威力を発揮します。
よくある質問
Webサイトにはどのタイプの配色が向いていますか?
落ち着いた印象の背景やレイアウトには類似色やトーンオントーン配色が向いており、その上にボタンなど重要な要素を目立たせたいときは補色をアクセントとして一点だけ加えるのがよく使われる手法です。
単体では良く見える色同士でも、組み合わせると違和感が出るのはなぜですか?
カラーホイール上で近いけれど完全な類似色関係ではない色同士や、彩度・明度が中途半端に似ている色同士は、明確な関係性がないまま視覚的な緊張を生むことがあります。単体の見た目ではなく、確立された配色理論のルールに従うことが、パレット全体に意図の感じられる印象を与える鍵になります。