設計圈流傳一句話：「配色不是選你喜歡的顏色，是選對的顏色。」這句話聽起來像在唱高調，但它精準戳中新手最容易掉進的陷阱——把配色當成一道美感直覺題，好不好看全憑當下的感覺，選完就收工。
問題是，配色出錯很少會直接告訴你「這裡錯了」。它通常是悄悄發生的，使用者滑過頁面卻抓不到重點，招牌顏色換了一次之後老顧客反而認不出來，或者一張色卡在自己的螢幕上明明很好看，換一台手機打開卻完全走了樣。配色常見錯誤往往不是單一次的失誤，而是一連串沒被檢查出來的小判斷，一路從挑色的當下累積到最後定案。
這篇把新手最容易踩雷、卻常被忽略的九個地方整理成一份清單，依照「怎麼選色」、「怎麼把顏色用到畫面上」、「定案前怎麼驗證」三個階段走一遍，讓你對照自己通常是卡在哪一關。接下來先從一個最根本的判準講起，配色該怎麼判斷對不對，而不是好不好看。
怎麼分辨這是配色的問題，不是單純的個人喜好？
很多人判斷配色好不好，用的其實是同一把尺：順不順眼、喜不喜歡。這把尺當然有用，但它量不出一件更重要的事，這個顏色決定，有沒有讓資訊傳達出問題。
配色常見錯誤真正該被檢查的，通常不是美醜，而是它有沒有造成幾種具體、可以被觀察到的後果：讀者抓不到頁面的重點在哪、內容看起來模糊或吃力、顧客對品牌產生跟預期不符的感受，或者換了一次視覺就讓人認不出原本的品牌。美醜這件事見仁見智，沒有一致的標準可以爭辯；但「看不看得懂」、「看不看得清楚」是可以被驗證的客觀結果，兩個人看同一張畫面，答案通常不會差太遠。
換句話說，配色錯誤該被重新定義成「造成溝通失敗的選色決定」，而不是「不合我審美的顏色」。接下來的每一條誤區，都會對應到上面這幾種後果的其中一種，看完可以順便對照，自己平常最容易踩到哪一類。
誤區一：只靠直覺選色，忽略顏色之間的比例與關係
新手配色最常見的第一步，是覺得某個顏色好看就直接選它，卻沒有回頭看這個顏色跟畫面裡其他顏色搭在一起會怎樣。單一顏色漂不漂亮從來不是重點，顏色跟顏色之間的關係才是決定整體好不好看的關鍵，這跟一個和弦好不好聽是同一個道理，不是因為裡面每個音單獨聽都悅耳，而是音跟音之間的關係產生了和諧感。
描述顏色其實有三個基本維度：色相（Hue，也就是紅橙黃綠藍這種「顏色的種類」）、明度（顏色的明暗程度）、彩度（顏色的鮮豔或飽和程度）。配色說到底是在調整這三者之間的關係，不是只挑一個好看的色相就結束。
色輪上的位置關係也提供了現成的判斷依據：相鄰的顏色搭在一起通常顯得和諧，正對面的互補色搭在一起對比強烈，適合用來製造焦點，在色輪上等距分布的幾個顏色，則容易做出平衡又豐富的效果。先弄懂這幾種關係，再回頭挑顏色，會比單純「我覺得這個好看」可靠得多。
誤區二：一次用太多顏色，畫面失去主從
顏色越多、畫面越豐富，這是新手很容易有的錯覺。實際上顏色一旦超過一定數量，畫面反而會失去焦點，讀者的視線被拆得七零八落，不知道該先看哪裡。
Adobe Express 的一份色彩理論常見錯誤整理就點出，問題往往不在「用了幾種顏色」，而在「每種顏色分到多少比例、扮演什麼角色」。文中提到一個常被設計圈拿來當起手式的比例分配，叫 60/30/10：六成畫面用主色打底，三成用輔色鋪陳，剩下一成用強調色去點出最想讓人看到的地方。
實務上把顏色種類控制在三到五種以內（含黑、白、灰這類中性色）通常就夠用：一個主色、一到兩個輔色、一個強調色，會比五、六種顏色平均分配更容易讓人一眼抓到重點。顏色的種類多，不代表畫面就豐富，反而容易稀釋掉每個顏色原本該有的份量。
誤區三：只顧個人喜好，沒考慮品牌與受眾的感受
配色不該只是設計者或決策者「自己喜歡哪個顏色」的問題，而是這個顏色會傳遞出什麼樣的情緒與聯想，符不符合品牌想給人的印象、對得上受眾的期待。Colorik 一篇整理設計師常犯配色錯誤的文章，就把「忽略色彩心理」列為其中一項，提醒配色該對應到品牌調性與受眾感受，而不是設計者個人的偏好。
強調專業與信任感的產業，慣用沉穩的藍色系不是巧合；一個訴求溫和、健康的品牌，卻選用高飽和的螢光色，容易讓受眾產生違和感，覺得「這不像它會做的事」。這種落差，顧客通常說不出具體哪裡怪，但會直接反映在信任感上。
還有一個常被忽略的變因，是顏色的文化聯想會因地區而不同。如果設計要給不同市場、不同文化背景的受眾看，這件事值得多留一層確認，不要預設自己熟悉的顏色聯想放諸四海皆準；至於哪個顏色在哪個地區確切代表什麼，目前並沒有夠扎實的一手研究可以列成對照表，與其套用一份不可靠的清單，不如把它當成一個提醒，跨市場配色前，多花時間確認當地的實際反應。
誤區四：同一個顏色，在不同地方代表不同意思
同一個顏色在不同地方代表不同意思，是配色裡最容易被忽略的一種一致性問題，重點不是好不好看，而是功能一致性夠不夠。如果同一個藍色，一下是可以點擊的連結，一下只是純裝飾用的圖示顏色，讀者很容易被誤導，以為裝飾用的元素也能點下去；如果代表警示的紅色，一下用在錯誤訊息，一下又只是用來強調某個標題，讀者會漸漸失去判讀顏色的依歸。
Supercharge Design 與 Colorik 兩篇整理 UI 配色常見錯誤的文章，不約而同把「用色不一致」列為關鍵地雷，顏色一旦被賦予某種功能上的意涵，例如「這個顏色代表可以互動」、「這個顏色代表警示」，就該在整個作品或整個網站裡維持一致，否則顏色本身就失去了原本該傳達的訊息。
即使是小型專案，也值得建立一份簡單的用色紀錄，把「這個顏色在這個情境下代表什麼」寫下來，避免不同頁面、不同時間做出來的東西用色前後不一致。規模一大，沒有這份紀錄，團隊裡的每個人多半會憑印象各自解讀。
誤區五：一味追逐流行色，犧牲原本的辨識度
某個顏色正當紅，像是當年度的代表色、社群上很多人在用，新手很容易因此想跟著換上，卻沒先想清楚這個改動會不會犧牲掉原本已經建立起來的識別。
2009 年，美國知名果汁品牌 Tropicana 就是一個經常被引用的案例。它把旗下主力柳橙汁的包裝大幅翻新，拿掉沿用多年、插著吸管的柳橙圖案，換成一杯倒好的果汁畫面，整體視覺與配色系統一起翻修。消費者的反應非常直接，不少老顧客站在貨架前，認不出這是原本常買的那款產品，社群上的批評聲浪迅速擴大，光是頭兩個月，銷售就掉了約兩成，品牌後來把包裝換回接近原本的樣子。Adobe Express 那份色彩理論常見錯誤整理，也把「過度依賴流行趨勢」列為一項常見誤區，提醒設計如果只看當下流不流行，容易忽略掉辨識度這個更根本的資產。
換色不是不能做，流行色可以先當小面積的點綴色嘗試看看效果，但核心的識別色不宜說換就換。動手之前，先問一句「顧客平常是靠什麼線索認出我」，會比先問「這個顏色現在紅不紅」更重要。
誤區六：純黑配純白，對比拉到最滿反而不好讀
對比不夠會讓人看不清楚，這件事大家都知道；但對比「太滿」也會出問題，這一點常被忽略。純黑文字配純白背景（或反過來），很多人直覺覺得這樣最保險，反正對比度夠高，一定看得到。
問題是，純黑對純白已經是明度落差的理論最大值，長時間盯著這種組合閱讀，眼睛容易疲勞，甚至看完會有短暫的視覺殘影。CareerFoundry 一份整理 UI 設計師常犯配色錯誤的文章，就把「用純黑當文字顏色」列成常見地雷之一；Supercharge Design 的整理也點出，純黑配純白這種組合對眼睛來說偏刺眼、不舒服，即使它在數字上完全達標。
改善的做法不複雜，把純黑換成深灰，純白換成微灰的米白，整體的對比感受不會差太多，但閱讀起來會舒服不少。這是一個「數字沒問題，體感卻不舒服」的典型例子，值得在定案前多看幾眼、多讀幾段文字再決定。
誤區七：文字與背景對比不夠，內容讀不清楚
跟上一條相反，這裡談的是對比不足，不少人為了追求「質感」或「低調」的視覺效果，把文字顏色調得跟背景太接近，例如淺灰配白色，結果犧牲了最基本的可讀性。這是新手最容易中鏢的一種錯誤，因為在設計軟體裡看起來往往還過得去，搬到真實情境下問題才會浮現。
這件事其實有一個不用靠肉眼感覺過不過得去的客觀標準。全球資訊網國際標準機構 W3C 制定的網頁無障礙指引 WCAG，對文字與背景的對比度訂出具體門檻，一般文字至少要達到 4.5:1，字級較大（約 18 級以上，或加粗 14 級以上）可以放寬到 3:1。Colorik 那篇整理設計師常犯配色錯誤的文章，也把「對比不佳」列為其中一項常見問題，呼應同一件事，對比夠不夠不該只靠自己的眼睛判斷。
沒有檢測工具在手邊時，還有兩個土法可以先自我檢查：把整個畫面轉成灰階，看看文字還看不看得清楚；或者把畫面縮小、退遠一點看，模擬讀者快速瀏覽、不會盯著細看的真實情境。這兩招雖然不精確，但足以抓出最明顯的問題。
誤區八：只顧視覺效果，沒考慮色弱讀者看不看得懂
配色最容易被忽略的一群讀者，是色弱使用者。美國國家衛生研究院（NIH）旗下醫學遺傳資料庫 MedlinePlus Genetics 的資料指出，在北歐裔族群中，紅綠色弱的比例約為男性十二分之一（8%）、女性兩百分之一（0.5%），不同族裔的實際比例雖有落差，但放進一個中等規模的網站流量裡，色弱讀者仍不是可以忽略的少數。
最常見的地雷組合是紅配綠。這兩個顏色主要靠「色相」區分，而不是靠「明暗」區分，對色弱讀者來說，兩者可能幾乎分不出來。一個常見的踩雷情境是，網站把「已額滿」跟「尚有名額」單純用紅、綠背景區分，卻沒有任何其他標示，看得到色差的人一眼就懂，看不到的人只會覺得畫面怪怪的，卻抓不到重點在哪。
W3C 的網頁無障礙指引 WCAG 有一條原則，直接呼應這個情境，就是不能只靠顏色傳達資訊。實務上有兩個具體的補救做法：重要資訊至少再搭配文字、圖示或位置一起標示，不要單靠顏色；真的需要用到紅綠這類組合時，刻意拉開兩者的明度差，例如深紅配淺綠，讓色弱讀者也能靠亮度差分辨出來。
誤區九：只在螢幕上定案，沒測試過實際的顯示情境
很多配色在設計軟體裡、在自己那台螢幕上看起來很棒，一換了情境就完全走樣。不同裝置的螢幕校色本來就有落差，強光下看手機螢幕，顏色會顯得比較淡；不同瀏覽器或作業系統的顯示效果，也可能有微妙差異。
Adobe Express 那份色彩理論常見錯誤的整理，把「沒考慮真實使用情境」列成最後一項提醒，點出配色定案前如果只信任自己當下那台螢幕看到的樣子，很容易漏掉這些落差。
養成一個簡單的習慣就能補上這個缺口，定案前至少換一台裝置看一次、換一個光線環境看一次，或者拿給沒參與設計的人看一眼，問他還看不看得懂。這幾個動作花不了多少時間，卻能在正式上線前攔下最後一批容易被忽略的意外。
這九個地方，都指向同一個判準：配色做得好不好，從來不是看設計的人自己順不順眼，而是看讀者、顧客看不看得懂、看不看得清楚、記不記得住。
下一次要決定顏色之前，不妨先把這句話問過自己一遍：「這個顏色決定，是為了誰的感受？」想清楚這件事，往往比急著挑色號更重要。