#アイキャッチ画像AIに任せたら日本語がおかしくなる件。なんか可愛いからそのまま使うけどさ。なんでさ？
目次
まず押さえる基本
- 色を決める指標は4つ：色相（Hue）／彩度（Saturation）／明度（Lightness）／清濁（くすみ度・グレイッシュ）
- 基本の配色比率：ベース70％／メイン25％／アクセント5％
- 原色は“そのまま”使わず：わずかにグレーを混ぜた“ニュアンスカラー”に寄せると上品で好まれやすい
- 質感とセット：同じ色でも、紙（ザラ/ツヤ）・布（マット）・画面（発光）で印象が変わる
色相別：印象・使いどころ・注意点（現場用チートシート）
| 色相 | 代表トーン例 | 第一印象（よく言語化される像） | 相性の良い文脈/商材 | 注意点（やりがち） | 推奨HEXの一例 |
|---|---|---|---|---|---|
| ピンク | ダスティ/ヌード/ベビーピンク | やわらかい・親しみ・可憐 | コスメ/アパレル/ブライダル/子育て | 彩度高すぎで稚拙に見える | #F6DCE5 / #E8C4CF |
| レッド | ラズベリー/ワイン | 情熱・決意・エレガント | 期間限定/CTA強調/ラグジュアリー | 原色赤は攻撃的に見えがち | #E5456A / #8C1C3B |
| オレンジ | アプリコット/テラコッタ | あたたかい・活動的 | 食/ライフスタイル/ECの訴求 | 彩度過多で安っぽくなる | #FFB38A / #C86B48 |
| イエロー | バニラ/カスタード | 朗らか・快活・軽やか | 子ども向け/雑貨/春の企画 | 背景に使いすぎると可読性難 | #F5E6A1 / #EBD77B |
| グリーン | セージ/オリーブ | 清潔・安心・自然 | オーガニック/ウェルネス/SDGs | 彩度高い黄緑は幼く見える | #A9C3B0 / #8AA08E |
| ブルー | スカイ/ダックエッグ | 清涼感・信頼・知性 | B2B/教育/金融/IT | 冷たくなりすぎに注意 | #A7C7E7 / #6FA8DC |
| パープル | ライラック/モーブ | 上品・神秘・個性 | 美容/ライフスタイル/ラグジュアリー | 暗過ぎると重い・明る過ぎると幼い | #BFA2DB / #9D86B9 |
| ニュートラル | エクリュ/グレージュ/トープ | 洗練・静けさ・高級感 | どの業界とも馴染む土台 | 灰色が強すぎると地味 | #F7F5F2 / #D8D2C8 / #B8B2AA |
ポイント
中〜低彩度 × やや高明度 × くすみ寄りは、多くの女性向け商材で失敗が少ない軸です。
ペルソナ別：推奨パレットと運用比率（70/25/5）
| ペルソナ | ねらい | ベース70% | メイン25% | アクセント5% | メモ |
|---|---|---|---|---|---|
| 大人可愛い（20後半〜30代） | 上品×親しみ | #F7F5F2（エクリュ） | #E8C4CF（ダスティピンク） | #8C1C3B（ワイン） | 直線多め×曲線少々 |
| ナチュラル/オーガニック | 安心×誠実 | #F3F1EC（オフホワイト） | #A9C3B0（セージ） | #C86B48（テラコッタ） | 紙・木の質感と好相性 |
| クールエレガント | 信頼×知性 | #FFFFFF / #F5F7FA | #A7C7E7（スカイ） | #9D86B9（モーブ） | 余白広め・細めのタイポ |
| 韓国コスメ系トレンド | 透明感×今っぽさ | #FFFDFC（ピュア） | #FFB38A（アプリコット） | #E5456A（ラズベリー） | 角丸・ガラス感UI |
| ママ層/ファミリー | 朗らか×清潔 | #FFFDF5（ミルキー） | #EBD77B（ソフト黄） | #6FA8DC（やさしい青） | 写真は明るめ露出 |
| キャリア女性/B2B寄り | 知的×意思 | #F6F7F9（薄い無機質な青色） | #6FA8DC（ブルー） | #8C1C3B（ワイン） | 黒は少量、ネイビー推奨 |
| モード/個性派 | 先鋭×高感度 | #F2F2F2（灰色のとても明るい色合い） | #BFA2DB（ライラック） | #000000（締め色少量） | 高コントラストに寄せる |
文脈で“外さない”三原則
- 媒体別
- スマホ閲覧中心：背景は高明度、アクセントは彩度控えめでも十分目立つ
- ダークモード：アクセント彩度を一段落とす（発光で強く見えるため）
- 紙：黄味照明下でくすみが強く出る→彩度を半段上げる
- 季節感
- 春：明度高×中彩度（桜・新緑）
- 夏：明度高×低彩度（くすみブルー/ライラック）
- 秋：低明度×低彩度（テラコッタ/オリーブ）
- 冬：高コントラスト（ネイビー×ワイン）
- 業界別
- 美容/ウェルネス：ニュアンスピンク・セージ
- 教育/金融/IT：スカイブルー・ネイビー・グレージュ
- 食：アプリコット/テラコッタ＋ナチュラル中間色
実務の手順（チーム向け）
①調査（30分）
ターゲットの購入シーンを整理：誰に、何を、どの場面で。競合3社の配色から避ける色/被らせる色を決める。
②仮説パレット（15分）
ベース/メイン/アクセントを先に固定。原色は避け、わずかにグレーを混ぜる。
例）エクリュ #F7F5F2／セージ #A9C3B0／ラズベリー #E5456A
③UI/クリエイティブ適用（60分）
CTA・見出し・図版で面積配分を厳守（70/25/5）。写真の色被りはトーンカーブで合わせる。
④検証（継続）
- A/Bテスト：CTAは彩度 < 形状（角丸/サイズ） < 余白の順で最適化
- 可読性：本文はコントラスト比4.5:1以上、大きな文字や太字見出しは3:1以上を目安
- ユーザーテスト：5名で「一瞬の印象」と「購入に近づく感情」を聴取
よくある失敗と回避策
- ピンク多用で幼い印象 → ベースをグレージュに置換し、ピンクはアクセント5％へ
- 黒ベタで重い → ネイビー/チャコール置換＋白余白を広く
- ボタンが埋もれる → 背景と明度差を確保し、彩度ではなくサイズと余白で主張
- 写真とUIの色がケンカ → 写真のホワイトバランスを先に整える（UIを変える前に）
現場でそのまま使える「指示テンプレ」
目的：安心感と信頼を両立し、CVRを+10%
ペルソナ：28–35歳、都市在住、自然派志向
パレット：
ベース #F7F5F2（70%）／メイン #A9C3B0（25%）／アクセント #E07A5F（5%）
禁止事項：原色赤のボタン、見出しの黒ベタ、彩度の高い黄緑
必須：本文コントラスト比4.5:1以上／CTAは角丸+十分な余白／季節ビジュアルはくすみトーンに合わせる
まとめ
- 女性向けは「優しい×上品×清潔」の三点セットを“中〜低彩度・やや高明度・くすみ寄り”で実装するのが基本線。
- “色だけ”で解決しない。面積配分・余白・タイポ・質感まで合わせて初めて世界観が立つ。
- 最後は検証で答え合わせ。色は好みが分かれる領域だからこそ、仮説→実装→測定のリズムを外さないこと。
created by Rinker
¥3,300
(2025/08/24 14:21:22時点 楽天市場調べ-詳細)
created by Rinker
¥2,840
(2025/08/24 14:21:23時点 楽天市場調べ-詳細)