好きな色相環の場所をクリックし、配色パターンを選んでください

配色パターン

配色スキームの解説

読み込み中...

実際のWebサイトでの活用例をご覧いただけます

作品展示(WORKS)で実例を見る

効果的な配色には、以下のルールやコツがあります。

「70:25:5の法則」の利用

バランスの良い配色比率の黄金律です。

  • ベースカラー(70%): 背景など大部分を占める色。
  • メインカラー(25%): サイトの主役。ブランドを象徴します。
  • アクセントカラー(5%): ボタン等、強調したい部分。

配色のポイント

  • ターゲット層の合致: ユーザー属性に合わせた色選択。
  • コントラストの確保: 視認性とアクセシビリティの向上。
  • 統一感: ブランドの一貫性を生むスキーム。