画像からのモノクロマティックパレット生成

抽出色からのモノクロマティックパレット

モノクロマティックパレットは、明度と彩度のバリエーションを持つ単一のベース色相を使用します。一貫したカラーシステムを作成するための最も信頼性の高いアプローチの1つで、画像から強いベースカラーを抽出することから始まります。

パレットをモノクロマティックにするもの

モノクロマティックは「1色」を意味します。しかし実用的なモノクロマティックパレットは6-10のバリエーションを含みます：

ベースカラー: #2c5f7c (HSL: 200, 47%, 33%)

ティント（白を追加 / 明度を上げる）：
  100: #e6f0f5  (L: 93%)
  200: #b3d5e3  (L: 80%)
  300: #80b9d1  (L: 66%)

ベース：
  500: #2c5f7c  (L: 33%)

シェード（黒を追加 / 明度を下げる）：
  700: #1a3a4f  (L: 21%)
  900: #0a1820  (L: 9%)

モノクロマティックパレットの使用例

ドキュメントサイト： クリーンでプロフェッショナルな印象、明確なビジュアルヒエラルキー ダッシュボードUI： 色の衝突なしに異なるシェードレベルの複数のカードバックグラウンド 印刷デザイン： エレガントで洗練された外観 アクセシビリティ： すべての色が同じ色相を共有するため、コントラスト準拠の確保が容易

アクセントとの組み合わせ

モノクロマティックパレットは1つの対照的なアクセントカラーでより汎用的になります：

モノクロマティックベース: ブルー (H:200) 9シェード
アクセント: オレンジ (H:25) — 1-2シェード
使用: UIの95%にブルー、CTAとハイライトにのみオレンジ