編者按：今天微博跟朋友圈都被一條詭異的裙子刷屏了，有人覺得是黑藍，有人覺得是白金，同一條裙子，為什么有這么大的爭議？有的人還在討論，而機智的設計師們已經揭開了謎底 >>> 原圖。你看到的是什么顏色？

野合菌：談這個問題之前，我們先熱一下身，先討論幾個有趣的問題。

那就是：電腦屏幕沒法顯示金色這種東西。

所謂屏幕上看到的金色，就是這種棕（屎）黃色/褐色，加上各種明暗噪點：

產生的視覺效果：

以上幾種顏色，雖然不盡相似，歸根結底都可以算金色。 這個問題討論結束，下面我們言歸正傳： 我們常說的顏色，其實是要分兩種情況考慮，物理顏色（physical color）和感知顏色（ perceptual color）。

前者（物理顏色）是可以數學的通過波長表達的顏色，而后者（感知顏色）則是人類神經系統對接收到的物理波長，演算成情感信號的結果。 就像上面舉的例子：金色，在物理上其實是不存在的顏色，但是我們毫無疑問感知到了它的存在。

先說物理顏色：

首先，顏色有色度（Saturation）和色相（Hue）之分，分別對應顏色波長分布的方差，以及顏色波長的平均值。

因為人類有三種不同的感光受體，對不同的波長下電磁波的強度反饋不同，所以大腦可以計算出一個疊加電磁波的平局值與方差。 換句話說方差越小，感受到的顏色越鮮艷，而不同的平均值對應不同的顏色。 此外還有亮度（Brightness）之分，對應著顏色電磁波的強度。

顏色的感知建立在物理顏色之上，但是和單純的顏色物理比起來，要復雜的多。 這里大家看了不同的顏色，主要還是顏色感知的問題，是人類在情感上對顏色反饋的不同造成的： 人類對可見電磁波的感覺是復雜的，但是只有顏色一種表達方式。 例如，也許你覺得黑白是相反的顏色，但其實不然。 黑色代表任何強度低的電磁波，而白色除了代表強度高的電磁波，還代表了波長分布很廣。 在此之上，一個色塊和周圍色塊的對比也會造成認知的不同，比如這個著名的例子中，AB兩處的物理顏色是一樣的，但是感知上，B處明顯是白色，而A處明顯是黑色：

于是，這就造成了許多認知上的問題。 題目中這張圖百年一遇，是一個非常非常好的例子，玩了無數視覺游戲還是第一次遇到這么牛逼的區別。。 具體分析的話，題目中這張圖，上面金色/黑色部分是由以下幾種顏色組成的： 如果命名的話，可以算深棕色，咖啡色，土黃色，屎黃色等等等等……

在認知上，可以被當成這種黑土，跌加上高光的結果：

也可以是這種白云，哦不對，金塊在暗處的顏色：

對高光更加在意的人，或許會把這種顏色當做黑褐色。 而陰影更加在意的人，或許會把這種顏色視作金黃色。 而上面的藍色/白色部分，是由以下幾種灰藍的顏色組成的：

這些顏色既可以是明亮藍天本身的顏色，也可以是藍天上白云的陰影變暗顏色。

對高光更加在意的人，或許會把這種顏色當做天空明亮藍色。 而陰影更加在意的人，或許會把這種白云陰影的灰白色。 顏色漸變以及明暗對比，這些種種原因，對顏色認知的影響非常大。 而這張圖，正好壓在了兩種不同感知的交界地帶，從而產生了兩種不同認識。 但是如果把顏色拖出來單獨看的話，一般人都會認為是淡藍天藍色和褐色棕色。

多減一點亮度，陰影成為主要attraction，對更多人表現啊出來的就是黑藍。

而如果加點亮度，高光變成attraction，對更多人表現出來的就是金色和白色。

剛才腦子繞錯，覺得原來是應該金色真是口胡了= = 不過這一下短路又讓我腦洞大開。 讓我再回到物理顏色上，來探討一下這個裙子到底是什么顏色。 照片背景明（右上角）顯強光，說明場景下光線強度很高。 并且顏色偏黃，很可能是白熾射燈燈光。

藍色物體吸收紅綠光，反射藍光。 但是偏黃的白熾燈光，黃（紅綠）色波長段本來強度就高，被吸收掉一部分后，強度正好和藍色波長段持平（略低），波長的方差一下就大了，所以整體顯得蒼白。

而黑色物體吸收全部波長光線：

這種情況下藍色幾乎被全部砍掉，紅綠色光也被砍掉大半，所以顯出了黃色加黑色混合出的棕（屎）褐（黃）色。 結合以上分析，修正了白熾燈的顏色，真正的衣服應該是這樣的：

其實當你看到這張圖，再回去看原圖，很有可能發現白金已經變成了藍黑。 我再繼續腦洞，如果是全譜的日光燈白光呢？特別是略偏藍色的LED燈光呢？ 白色物體，收到白光，反射白光：

顯現出白色偏藍毫無壓力。 而前面說了粗糙的金色的物體，照到白光，反射應該是這樣的。

但是由于是粗糙的表面，局部陰影嚴重所以是金色加黑色，總體上是褐色的。 到這里，我茅塞頓開啊= = 咦，這不是和前面的結果很相似？ 臥槽！幾乎完全一樣啊！！ 前面我說過：

而這張圖，正好壓在了兩種不同感知的交界地帶，從而產生了兩種不同認識。

這樣理解的話，果然越想越明白了！ 這個巧合，在潛移默化的顏色的認知上，產生了兩種結果！ 大概就是這樣。

【通俗易懂實用教程人氣系列】

新手快速漲姿勢系列：
?《小白科普：流量和不透明度那些事兒》
《PS新手教程：變換角度！讓你的設計稿更上檔次》
《后期之王！教你輕松掌握PS曲線工具（附大神實操曲線圖）》

神一樣的教程系列：
《高手支招！怎樣分辨圖片是否被PS過》
《PS神技GET√ 你百分百不知道的四大PS技巧》

原文地址：zhihu
作者：野合菌

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量90萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege