補色のカラーパレット
補色は色相環の正反対、180度離れた位置にある2色です。青とオレンジ、赤と緑、紫と黄のように、強いコントラストを生みます。
パレットの例
深い青#0F4C81
スチールブルー#3E7CB1
中間色#F2F2F2
琥珀#E8A33D
テラコッタ#B05C1E
16進数コードをすぐにコピー
補色のコントラストが効く理由
目はこの2色を反対の性質として捉えるため、すぐに強い印象が生まれます。操作を促すボタンによく画面の主役の色の補色が使われるのはそのためです。サイズを大きくしなくても目立たせられます。
面積の配分を整える
60・30・10の法則が役立ちます。主役の色を60%、中間色を30%、補色をアクセントとして10%に抑えます。広い面積に補色を同量使うと、どちらも主張しすぎて目が疲れます。
補色のパレットを生成
無料・登録不要