モノクロマティックのカラーパレット

1つの色相をもとに、彩度と明度を変えて作る配色です。色同士がぶつかりにくく、まとまりのある印象をすぐに作れます。

パレットの例

夜#0B2545
ネイビー#13395E
海#1D5B87
空#4A8FBF
霧#A8CFE8

16進数コードをすぐにコピー

モノクロマティックが適した場面

落ち着いた画面、企業サイト、ダッシュボードなど、色が内容を邪魔せずページを整理する役割を担う場面に向いています。同じ色相で統一されているため、最も暗い色を文字に、最も明るい色を背景に、中間色を境界線やホバー状態に使うだけで、自然な階層が生まれます。

作り方

ベースとなる色相を決め、明度を等間隔に変えて4〜6段階の色を作ります。文字と背景には十分なコントラストを確保してください。本文なら4.5:1以上が目安です。LFColorsではベースの色をロックして再生成すると、ほかの色だけを変更できます。

ほかの配色