color theoryOctober 30, 20266 min read

品牌黄不是 #FFFF00:麦当劳、宜家、DHL 和尼康是怎么用黄色的

纯黄色在白底上会消失,印刷出来还会更暗淡。那些著名的黄色标志其实都做了两件事:用更暖的黄,再配一个深色搭档。这里有它们的确切色值,以及如何挑选你自己的黄色。

By Boone
XLinkedIn
Brand Yellow Is Not #FFFF00: How McDonald's, IKEA, DHL and Nikon Use Yellow

好的品牌黄绝不是 #FFFF00。纯黄色在白色背景上几乎会消失,印刷出来还会比屏幕上看到的更暗、更钝。那些著名的黄色标志用同一种方法解决了这个问题,而且这个套路很容易照搬到你自己的标志上。

为什么黄色是最难的品牌色

其他鲜艳的颜色都带着一些暗度。纯红的明度大约和中灰差不多,纯蓝更暗。而纯黄几乎和白色一样亮,所以在白纸上,两者之间几乎没有任何区分。

#FFFF00

在白底上

#FFFF00

在黑底上

同一种颜色,结果截然相反。黄色标志能不能被看见,取决于它背后是什么,而大多数标志一生都在白底上度过:信笺、发票、网站页头、应用商店、赞助商展板。

然后它在印刷中还会变色

#FFFF00

屏幕上

#F4E600

印刷时,铜版纸上

屏幕是靠添加光来产生黄色的。打印机则是用油墨印在纸上,而纸不会发光。转换成标准铜版纸印刷后,#FFFF00 打样出来大约是 #F4E600:更暗、更偏绿、更平。这种偏移大到训练有素的眼睛会认为是另一种颜色。

下面这些著名的黄色在印刷中都和自己很接近。四种黄的偏移都远小于纯黄。

著名的黄色是怎么做到的

麦当劳:红色 #DB0007 上的 #FFBC0D

麦当劳红底上的麦当劳金拱门

一种深沉的金黄色,几乎总是出现在红色上。真正干重活的是红色:单独放在白纸上,红色很容易被看见,所以黄色只需要被认出来,而不必被读出来。

宜家:蓝色 #0058AB 上的 #FBD914

宜家标志,黄色椭圆中的蓝色字母,置于宜家蓝底上

黄色椭圆放在蓝色底上,名字也用同一种蓝色书写,所以黄色从不需要接触白色。蓝色和黄色同时也是瑞典国旗的颜色,这把品牌的出身一并带了出来。

DHL:#FFCC00 配红色 #D2002E

DHL 标志,红色字母和速度线条,置于 DHL 黄底上

这里黄色是背景,整整一大片,名字用红色写在上面。DHL 的货车和信封也是同样的做法:隔着一条街就能注意到的黄色表面,再用红色来阅读。

尼康:#FFE100 配近黑色 #150301

尼康标志,黑色字母和白色光线,置于尼康黄底上

四者中最极端的搭配:干净、略偏暖的黄色衬在黑色字体后面,两种颜色所能达到的对比度差不多就是这样了。黄色是记忆,黑色才是用来读的。

它们都做的两件事

每一个著名的黄色都比纯黄更暖。 在色轮上,纯黄位于 60 度。麦当劳在 43 度,DHL 在 48 度,宜家在 51 度,尼康在 53 度。四者都偏向橙色,这让黄色看起来更浓郁、更金黄,也更不像荧光笔。

搭档色承担可读性。 这四种黄色没有一个能在白底上作为文字被读清。而每一个搭档色都可以。

品牌黄色色相在白底上可读?搭档色搭档色在白底上可读?
纯黄#FFFF0060°否无不适用
麦当劳#FFBC0D43°否红色 #DB0007是
DHL#FFCC0048°否红色 #D2002E是
宜家#FBD91451°否蓝色 #0058AB是
尼康#FFE10053°否黑色 #150301是

所以黄色并不打算被阅读。名字、小字和网站按钮都交给搭档色。这就是为什么“用深一点的黄色就行”是错误的解法:深到能在白底上读清的黄色,已经不是任何人想要的那种黄了。

如何为你的标志选择黄色

  1. 先选搭档色。 决定你的名字用哪种深色书写:像麦当劳那样的红,像宜家那样的蓝,或像尼康那样的近黑色。它必须能在每一张白页上单独成立。
  2. 把黄色调暖。 从 #FFFF00 出发,往橙色方向拉,直到落在 43 到 53 度之间,也就是那四大品牌使用的范围。
  3. 定稿前先做印刷打样。 向印刷厂要一份样张,或在设计工具里用铜版纸色彩配置文件做软打样。如果印出来的黄色像是另一种颜色,就调整它,直到屏幕和印刷一致。

偷走这 4 组配色

四组配色,就是各品牌实际绘制的样子。

取自各品牌的标志文件。点按颜色即可复制色值。

拿它们来研究,或者放在你自己的颜色旁边测试想法。在相关行业的新标志里照抄某个著名品牌的确切配色,只会让你看起来像山寨货:用这个套路,不要用这些色值。

FAQ

麦当劳黄色的 hex 色值是什么?

麦当劳 2020 年方形标志中的金拱门是 #FFBC0D,置于红色 #DB0007 之上。

宜家黄色的 hex 色值是什么?

宜家的黄色是 #FBD914,用在宜家蓝 #0058AB 上。

DHL 黄色的 hex 色值是什么?

DHL 黄是 #FFCC00(Pantone 116 C),搭配 DHL 红 #D2002E(Pantone 199 C)。

为什么黄色在白底上不好看?

纯黄几乎和白色一样亮,所以两者几乎没有对比。白底上的 #FFFF00 对比度约为 1.07 比 1,而正文需要 4.5 比 1。把黄色放在深色上,或者把文字设成深色搭档色。

什么样的黄色适合做标志?

色相在大约 43 到 53 度之间的暖黄色,就像麦当劳、DHL、宜家和尼康的金黄色那样,再搭配一个承载名字的深色。

来源

  • 颜色取自维基共享资源上各品牌的标志文件:麦当劳方形标志(2020)、宜家标志、DHL Express 标志(Pantone 116 C 和 199 C)、尼康标志。
  • 印刷偏移:使用 Coated FOGRA39 印刷配置文件做软打样。#FFFF00 打样为 #F4E600,色差(Delta E 2000)为 5.6;高于约 2 就会被看成另一种颜色。四个品牌黄的偏移在 0.2 到 0.7 之间。
  • 色相角度和“在白底上可读”两列,依据 hex 色值用 HSL 模型和 WCAG 2 对比度公式计算得出。黄色在白底上的对比度为 1.3 到 1.7 比 1;搭档色为 5.0 到 20 比 1。
  • 最初作为轮播图发布于 Logo Brainy。

Choosing colors for a new logo? Our team designs brand identities with colors that work on screen, in print and next to each other.

Get Started

More from Brainy Papers

Keep reading