设计师出马揭秘！那条很火的裙子到底是白金还是黑蓝？

编者按：今天微博跟朋友圈都被一条诡异的裙子刷屏了，有人觉得是黑蓝，有人觉得是白金，同一条裙子，为什么有这么大的争议？有的人还在讨论，而机智的设计师们已经揭开了谜底 >>> 原图。你看到的是什么颜色？

野合菌：谈这个问题之前，我们先热一下身，先讨论几个有趣的问题。

那就是：电脑屏幕没法显示金色这种东西。

所谓屏幕上看到的金色，就是这种棕（屎）黄色/褐色，加上各种明暗噪点：

产生的视觉效果：

以上几种颜色，虽然不尽相似，归根结底都可以算金色。 这个问题讨论结束，下面我们言归正传： 我们常说的颜色，其实是要分两种情况考虑，物理颜色（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