カラーハーモニー(色の調和)

色をひとつ選んで、相性のいい色を見つけましょう。補色、類似色、トライアドなどの配色を表示します。色をタップするとカラーコードをコピーできます。

カラーハーモニーとは?

カラーハーモニー(色の調和)とは、色相環上の位置関係にもとづいた色の組み合わせのことです。この関係にそって配色すれば、色同士がしっくりなじみ、伝えたい印象を表現しやすくなります。

カラーハーモニーの種類

補色は色相環で向かい合う色同士で、最も強いコントラストが生まれます。類似色は隣り合う色同士で、なめらかなつながりを生みます。トライアドは等間隔に並ぶ3色を使い、鮮やかでバランスのとれた配色になります。テトラードは補色のペアを2組組み合わせた配色です。スプリット・コンプリメンタリーは補色の両隣の色を使い、コントラストをやわらげます。そしてモノクロマティックは、ひとつの色相を明るさを変えて使う配色です。

使い方

必要なカラーコードをコピーするか、気に入った配色をパレットエディターで開いて微調整しましょう。色の上に文字を置く場合は、先にコントラストを確認してください。

カラーホイールで試す: カラーホイールツール