前言：浪漫不止粉紅，是色彩關係的精密編排

粉紅 = 紅 + 不等量白。比紅色更柔和寧靜地喚起興趣與愉悅。浪漫配色核心三色：粉紅、淡紫、桃紅(帶黃粉紅)。配合明亮粉彩，喚起「六月夢幻花園」意象。

五大經典配色模式數值庫

以下為標準色值對照表（RGB 數值），可直接套用於設計系統：

1. 補色配色

主色與互補色強對比，視覺衝擊最大

8  56  6   54  70  38
5  3   8   6   7   7
55 7   54  67  37  7
8  1   6   8   6   6
51 8   54  72  40  8
1  3   6   3   6   8
49 5   51  70  39  6
1  8   6   7   3

2. 原色(三原色)配色

紅/黃/藍三原色等比例張力平衡

數值同上表前段(原文合併顯示)

3. 單色配色

單一色相明度/飽和度漸變，統一性最強

數值同上表中段(原文合併顯示)

4. 分裂補色配色

主色 + 互補色兩側鄰近色，對比柔和且豐富

44 8  61  46  6  62
6  14 22  94  6  15
86

5. 類比色配色

色環相鄰色系，最和諧自然

60 4  22  4  60  20
60 68 76  52  60  68
44

實戰應用建議

• 品牌主色鎖定：從三色中選一為品牌主色（如粉紅 #E91E63）
• 場景化選模式：
  • 促銷/活動頁 → 補色/分裂補色（高關注度）
  • 品牌形象/內容頁 → 單色/類比色（舒適閱讀）
  • 節日專題 → 原色三原色（節日歡慶感）
• 60-30-10 法則：主色 60%、輔助色 30%、強調色 10%
• 無障礙驗證：確保文字/背景對比度 ≥ 4.5:1

CSS 變量快速接入

:root {
  --romance-pink: #E91E63;
  --romance-light-purple: #CE93D8;
  --romance-peach: #F8BBD0;
  /* 補色綠 */
  --romance-complement: #4CAF50;
  /* 類比色 */
  --romance-analogous-1: #F06292;
  --romance-analogous-2: #F48FB1;
}

結語

浪漫配色非單一粉紅，而是色相關係的精密編排。掌握五大模式數值庫，配合場景化選型策略與無障礙驗證，即可構建專業級浪漫風格設計系統。