モノクロマティック配色は、1つの色相から異なる明度と彩度のバリエーションを作る手法です。例えば青を基準にすると、淡い水色から深い紺色まで、同じ色のファミリーで構成されたパレットが完成します。統一感が高く、すっきりとした印象のデザインに仕上がります。モダンなブランドサイトやミニマルデザインに多く採用されています。洗練された印象を与えたい場合に最適です。
カラーパレット生成ツールのモノクロマティックモードでは、基準色から明るい順に5〜8段階のバリエーションを自動生成します。ライト、ミディアム、ダークの各トーンがHEXコードで表示されるので、背景色、テキスト色、アクセント色として段階的に使い分けられます。一つの色だけでUI全体を構築できる便利な手法です。
モノクロマティックの弱点は単調になりやすい点です。これを防ぐには、テクスチャーやパターンを組み合わせたり、ごく少量のアクセントカラーを加えたりすると効果的です。ミニマルデザインやポートフォリオサイトには特にオススメの配色手法です。テクスチャーの活用でデザインに深みと立体感を加えましょう。 デザインの品質は配色で決まるといっても過言ではありません。