🎨ブランドカラーパレット構成ガイド

業種とイメージ別のブランドメイン・サブカラーの構成方法を案内

60-30-10カラー比率の法則

役割比率用途
メインカラー (1色)60%背景、ヘッダー、主要UI
サブカラー (1〜2色)30%セクション背景、カード、ボーダー
アクセントカラー (1色)10%CTAボタン、リンク、バッジ

ブランドカラーパレットの構成方法

ブランドカラーは単に好みの色を選ぶのではなく、ターゲット顧客の心理的反応、業種の慣習、競合他社との差別化、各メディアでの再現性を考慮する必要があります。60-30-10の法則は、メインカラー60%、サブカラー30%、アクセントカラー10%の比率でパレットを構成する基本原則です。

メインカラーはブランドアイデンティティの核心であり、ロゴ・ヘッダー・主要UIに一貫して使用します。サブカラーはメインカラーと調和しながら視覚的な多様性を提供します。アクセントカラーはCTAボタンや重要なリンクなど、ユーザーの行動を誘導する要素にのみ限定的に使用することで効果が最大化されます。

カラーパレットを拡張する

メインカラーが決まったら、明度(tint)と彩度(shade)を調整して5〜9段階のスケールを作成し、デザインシステムに活用できます。Tailwind CSSの50〜900スケールのように体系化すると開発者との連携がしやすくなります。

よくある質問

ブランドカラーは何色が適切ですか?

メイン1色、サブ1〜2色、アクセント1色の計3〜4色が適切です。色が多いとブランドアイデンティティが薄れます。

業種によって適した色は?

金融は青・ネイビー、ヘルスケアは緑・ティール、食品は赤・オレンジ、ラグジュアリーは金・黒が伝統的に使われます。

ブランドカラー決定で最も重要な基準は?

ターゲット顧客の心理、業種の慣習、競合との差別化、各メディアでの再現性(CMYK・RGB・Pantone)を総合的に考慮します。