電商知識庫
電商配色心理學完整指南
顏色不只是美學，更是直接驅動轉換的隱形業務員
電商配色直接影響顧客的信任感、停留時間與下單決定。研究顯示，使用者對網站的第一印象在 50 毫秒內形成，而色彩是其中最關鍵的因素。錯誤的配色會讓再好的商品也賣不出去；正確的配色能讓 CTA 點擊率提升 30-50%。本文涵蓋 60-30-10 配色法則、CTA 按鈕色選擇、不同產業適合色系。
這是設計界廣為使用的配色比例原則：
CTA 按鈕的顏色選擇沒有絕對答案，但有兩個必要條件：與背景形成明顯對比（讓使用者第一眼看到）、與品牌色協調（不要與整體視覺衝突）。常見的高轉換組合：白底配橘色 CTA、淺藍底配紅色 CTA、黑底配黃色 CTA。最重要的是進行 A/B 測試，因為不同產業、不同客群對顏色反應差異很大。
電商網站需要明確的「狀態色」系統：成功（綠色，如下單成功、付款完成）；警告（橘色或黃色，如庫存即將售完、優惠剩餘時間）；錯誤（紅色，如付款失敗、表單未填完整）；資訊（藍色，如出貨通知、客服提示）。這套色彩系統要全站一致，使用者才能形成「看到綠色就放心、看到紅色就警覺」的條件反射。
色彩搭配除了美觀，還要考慮無障礙閱讀。WCAG 2.1 標準建議：文字與背景的對比度至少 4.5:1（一般文字）或 3:1（大字）；不要單靠顏色傳達資訊（如錯誤訊息除了紅色還要有圖示與文字）；色盲使用者佔人口 8%，要確保紅綠色等敏感配色組合不會讓他們難以辨識。免費工具如 WebAIM Contrast Checker 可檢測對比度。
大型節慶可以暫時切換首頁主視覺色彩呼應節日：春節用紅金、聖誕節用紅綠、母親節用粉紅、夏季促銷用湖水藍。但要注意：色彩切換僅限於 Banner、活動區塊；主導航與 CTA 按鈕仍維持原本配色，避免讓回流客戶感到陌生；節慶結束後立即切回原配色，不要拖延。
NT$24,800/年起，享受完整電商解決方案：
推薦 60-30-10 法則：60% 主色（背景與大區塊）、30% 輔色（區隔內容區、選單、卡片底色）、10% 強調色（CTA 按鈕、限時優惠、警示）。違反這個比例會讓網站看起來雜亂或失去重點。
沒有絕對最好的顏色，關鍵是與背景形成強烈對比、且與品牌色協調。常見選擇：橘色/紅色、綠色、藍色、黃色。重要的是 A/B 測試找出你的顧客最有反應的顏色。
產業色系建議：食品（紅橘黃咖啡）；美妝（粉、玫瑰金、白）；3C（藍、灰、黑）；母嬰（粉、淺藍）；運動戶外（綠、藍、橘）；金融（深藍、灰）；環保（綠、米、咖啡）。
會。即使是品牌色，也要有色彩家族概念：主色 + 主色不同明度 + 補色 + 中性色。完全只用一個顏色會讓網站像佈告欄，缺乏視覺層次。
電商不建議全面採用深色作為主視覺：商品照片在深色背景下色偏較嚴重。例外是 3C、潮流、遊戲類目標客群偏好深色可考慮提供切換選項。