色彩搭配的科學
好的配色方案不是靠直覺——它有科學基礎。19 世紀科學家 Johann Wolfgang von Goethe 和 Josef Albers 建立了現代色彩理論，今日的設計師則以此為基礎發展出系統化的配色方法。
配色的核心工具是色環（Color Wheel）：將所有顏色依色相（Hue）排列成圓環，0° 為紅色，120° 為綠色，240° 為藍色，360° 回到紅色。
四大配色方案解析
互補色（Complementary）
取色環上相差 180° 的兩個顏色。效果：高對比、視覺張力強。 代表範例：藍橙（FC Barcelona）、紅綠（傳統聖誕色）、黃紫（湖人隊）。
適合：需要強視覺衝擊的廣告、CTA 按鈕設計、運動品牌。
類比色（Analogous）
取色環相鄰 ±30° 的 3 個顏色。效果：和諧、自然、舒適。 代表範例：藍-靛-紫（Slack 早期品牌色）。
適合：企業識別、健康醫療、自然主題設計。
三等分（Triadic）
取色環上均等分 120° 的 3 個顏色。效果：活潑、平衡、多彩。 代表範例：紅藍黃（超人標誌）、橙綠紫（活潑電商風格）。
適合：兒童品牌、創意設計、需要豐富色彩的介面。
分裂互補（Split-complementary）
主色 + 互補色左右各 ±30° 的兩個顏色。效果：類似互補但更柔和。
適合：想要對比但不要太刺眼的設計，新手友好的配色選擇。
如何在設計中應用配色
60-30-10 法則
良好配色的黃金比例：
- 60%：主色（通常是背景或主要品牌色）
- 30%：輔色（加深層次感）
- 10%：點綴色（吸引注意力的 CTA、重點）
注意無障礙設計
文字與背景的對比度需達 WCAG AA 標準（比率 4.5:1）。可使用 WebAIM 的對比度檢查工具確認無障礙合規性。
色彩在不同文化的意義
設計跨文化產品時要注意：白色在西方代表純潔，在部分亞洲文化中與喪葬有關；紅色在中國是喜慶，在西方可能代表警告。
本計算機輸出的 HEX 色碼為近似值，使用 HSV 轉 HEX 算法。設計稿最終請以設計工具（Figma、Adobe）的色彩管理為準。