辣椒下得剛剛好，整鍋湯瞬間有滋味；手一抖多倒了半瓶，整鍋只剩死鹹跟嗆。撞色設計的道理幾乎一模一樣，兩個強烈對比的顏色擺在一起，分量抓對了，畫面立刻被記住；分量抓不準，看起來就像打翻了顏料盤。
多數人卡關的地方，其實不是「敢不敢用撞色」，而是根本不知道自己有沒有配得太亂，明明兩個顏色都很喜歡，湊在一起卻說不出哪裡不對勁。撞色設計指的是刻意挑選色相關係上距離較遠、對比強烈的顏色組合，做出反差鮮明的視覺效果，是設計圈這幾年很常見的大膽做法，也是新手最容易翻車的地方之一。問題通常不在顏色本身多鮮豔，而在有沒有把色相關係、比例、飽和度這三個變數一起考慮進去。
先從撞色跟隨便亂配色的差異講起，再一路拆到怎麼選色、怎麼分配面積、怎麼調整飽和度與明度，最後看要把撞色放在畫面的哪個位置。
撞色設計是什麼？跟隨便配色有什麼差異？
色輪（color wheel）排出了顏色之間的相對關係，撞色設計正是從這張圖表出發的做法，也就是挑一組色相角度相距較遠、對比強烈的顏色搭配，通常落在互補色（色輪正對面）一帶，也可能是分裂互補或三等分色的組合，刻意做出反差鮮明的視覺效果。
跟隨便亂配色的分野，不在顏色本身有多鮮豔，而在挑選的當下有沒有依據色相關係去判斷。憑感覺抓幾個自己喜歡的顏色堆在一起，運氣好可能剛好順眼，運氣不好就變成一團刺眼的雜色；撞色設計則是先看色輪上的角度關係，再決定要用哪一組對比，結果比較可控，也比較容易複製到下一次設計。
這裡也順便釐清「跳色」這個常跟撞色搞混的名詞。跳色多半是以一個中性色（黑、白、灰、米）打底，只挑一兩個高彩度色當點綴，主角始終是那個中性底色；撞色則是兩三個對比色本身就是畫面的主角，彼此互相拉扯出張力。兩者的手法邏輯不同，這篇聚焦在撞色設計怎麼用，跳色的細節不在這裡展開。
為什麼兩個對比色放在一起，會讓畫面看起來失控？
撞色會讓畫面看起來又搶眼又危險，背後其實有色彩理論撐腰，不是誰的美感問題。十九世紀法國化學家 Michel-Eugène Chevreul 在他 1839 年出版的色彩理論經典裡提出「同時對比定律」，主張兩個互補色相鄰擺放時，彼此的色彩強度與反差會被放大，看起來比單獨擺放時更鮮豔、更衝突。這正是撞色特別搶眼的原因，也是它特別容易衝過頭的原因，同一套機制，分寸抓對了是亮點，抓不對就是刺眼。
除了理論根據，還有一個更直接的現象。當兩個高飽和度、明度又相近的對比色緊貼在一起，顏色交界處會出現一種讓眼睛不太舒服的視覺震動感，邊界像在輕微閃動。這也是撞色一多就容易顯亂的具體來源，不是你美感不好，是色彩本身的物理效果在作祟。
不過撞色抓不抓得住眼球、效果好不好，還會因應用的產品或情境而不同，不是套上對比色就保證吸睛。Martinez 等學者 2021 年發表於學術期刊《Journal of Retailing and Consumer Services》的研究發現，互補色組合對商品吸引力與購買意願的效果，會因產品類別與零售情境而不同，顏色沒辦法被當成一個單獨、萬用的決策變數。這也是接下來幾節要教怎麼控制撞色，而不是單純敢不敢用的原因。
撞色要大膽卻不亂，色相、比例、明暗都要抓對
知道撞色為什麼會失控，接下來要處理的是怎麼不失控。撞色能不能穩穩地大膽，關鍵通常卡在三件事上：先挑對色相關係、再分好面積主副，最後把飽和度與明度調到位。這三個決策分別對應不同的層次，色相關係決定選什麼顏色，面積比例決定用多少空間，飽和度明度決定調多強的視覺張力，三者環環相扣，只做對其中一個，另外兩個沒顧到，還是有可能翻車。
先選色相關係，不是先選自己喜歡的顏色
挑撞色組合的第一步，是先決定要用色輪上的哪一種關係，而不是先想自己喜歡哪個顏色。常見的撞色色相關係大致有三種，效果強弱跟適合的情境都不一樣。
互補色是色輪上正對面的兩色，像藍配橘、黃配紫、紅配綠，對比最強，也最容易失控，適合真的需要強烈衝擊感的場合，例如活動主視覺或促銷圖卡。分裂互補則是挑一個基準色，搭配它互補色兩側的鄰色，對比感仍然存在，但比純互補柔和一些，新手比較容易掌握，不容易一出手就太過。三等分色是色輪上間隔均勻的三個顏色，效果活潑，而且相對平衡，不會有單一組合搶過頭、壓過其他顏色的問題。
順序很重要，要先決定用哪一種色相關係，再從裡面挑實際的色號；順序顛倒，直接憑感覺硬湊顏色，就容易又回到前面講的隨便亂配。
撞色比例別抓五五分，要分主角與配角
色相關係選對了，下一個要處理的是面積怎麼分配。如果兩個對比色用差不多的面積、差不多的飽和度硬碰硬，最容易出現前面提到的視覺震動，畫面看起來像兩個顏色在打架，而不是在搭配。
比較穩妥的做法是明確分工，讓其中一色當主角，佔的面積明顯較大，通常拿來當背景或大面積色塊；另一色當配角，面積小很多，只用在真正需要被注意到的地方，像標題文字、按鈕、局部圖形。主角與配角的面積差距要拉得夠開，不能接近五五對半，一旦兩色勢均力敵，眼睛就不知道該先看哪一個，反而哪個都記不住。
這裡只談兩色版本的主副分工判斷；如果畫面用到三種以上顏色的比例配置，那是另一個獨立的主題，不在這裡展開。
飽和度與明度沒調好，撞色只會顯得刺眼，不會顯得吸睛
色相關係跟面積比例都抓對了，最後決定撞色是有質感的大膽、還是刺眼的雜亂，往往落在飽和度與明度這兩個變數有沒有調過，可以把它們想成撞色的煞車皮。
實務上常見的做法，是兩個對比色不要同時用最高飽和度，讓其中一色降低飽和度、變得比較灰或比較沉，或是拉開兩色的明度差，一深一淺。這樣做視覺張力會立刻降下來，但對比感還在，不會變得平淡。如果整體風格需要維持高張力，也可以在兩個色塊之間留一段中性色，黑、白、灰都可以，當成緩衝地帶，讓眼睛有喘息的空間，而不是兩色直接貼在一起硬碰硬。
撞色放在哪裡，決定它是亮點還是災難
色相關係、比例、飽和度都調好之後，還有一個容易被忽略的判斷，那就是撞色放在畫面的哪個位置、用在哪種媒材上。
比較穩妥的原則是，撞色最適合放在需要被快速抓住視線的小面積重點上，像社群貼文裡的關鍵文字色塊、行動呼籲按鈕、包裝上的品牌識別色塊。大面積的背景，或是需要長時間閱讀的區塊，則交給其中一色降低強度後的版本撐場，不要整片都用最強對比，不然眼睛很快就會疲勞。
不同媒材也適合不同的撞色強度。滑動速度快的社群圖片可以大膽一點，因為讀者停留的時間短，需要在瞬間抓住注意力；需要長期展示、反覆被看到的品牌主視覺或包裝，則適合把撞色的強度往下收一點，換取耐看度，畢竟同一個組合要被看上千百次，太搶眼反而容易膩。
這種大面積主色、小面積強調色的分工邏輯，在幾個國際知名品牌的識別配色裡也看得到，像某知名汽水品牌用的藍配橘、某國際快遞品牌用的紫配橘，都是用大面積的一色打底，再用另一色做局部強調，而不是兩色平均鋪滿整個畫面。有興趣的話可以直接查看這些品牌的官方識別規範，對照這套分工邏輯。
辣椒的道理放回撞色設計上還是一樣，決定一盤菜好不好吃的，從來不是辣椒本身夠不夠嗆，而是分量有沒有抓對；撞色設計也是，決定畫面能不能被記住的，不是敢不敢用兩個對比色，而是有沒有把份量控制好。
下次想大膽用撞色的時候，不妨先問自己兩個問題：這兩個顏色，誰是主角、誰是配角？兩者的飽和度和明度有沒有拉開差距，還是同樣搶眼、正在互相打架？把這兩個問題想清楚，比糾結該選哪個顏色更重要，也比單憑感覺硬湊，更容易複製到下一次設計上。