WEBデザイン:色彩設計に役立つサイト

デザインをする上で色彩は非常に大切ですね。バランスを良い色の組み合わせの方法として、色相環を使用した配色方法やトーンによる配色などがあります。ある一色を選ぶと、その色とバランスの良い色を教えてくれるサイトの紹介です。

colorscheme2
wellstyled.com/tools/colorscheme2/index-en.html

右にある色相環図で色を選択します。「Enter RGB」をクリックするとRGB値を直接指定することも可能。ここで指定した色が左側の背景色となります。

＜配色方法の指定＞
色相環図の下には5つの配色方法を選択。
右から「同一色相での配色」「補色の2配色」「3色配色」「4色配色」「隣接する色と補色の色配色」。
「3色配色」以上に関しては、色相環内での角度を変更可。

＜トーンの指定＞
左側の組み合わせ表示の下に6つのトーン種類を選択。

また、トーン選択ボタンの下にあるドロップダウンボックスでは、色覚障害を持たれている方の見え方を確認できるよう指定ができるようになっており、ユーザービリティを考える配色にも役立ちます。