color theoryOctober 30, 20266 min read

品牌红不是 #FF0000:可口可乐、LEGO、Levi's 和 Netflix 如何用红色

纯红印出来更暗淡,配白字也不达标。那些著名的红色 logo 用的都是调校过的红。本文给出它们的确切色值,解释 YouTube 为何放弃纯红,以及如何为你的 logo 选红。

By Boone
XLinkedIn
Brand Red Is Not #FF0000: How Coca-Cola, LEGO, Levi's and Netflix Use Red

好的品牌红绝不是 #FF0000。纯红是屏幕能显示的最亮的红,听起来像优点,直到 logo 拿去印刷,印出来更暗淡,而且亮度太高,撑不起白色文字。你认识的每一个著名红色,都是调校过的红。

为什么纯红不行

纯红位于屏幕色彩空间的角落:红光全功率输出,别的什么都没有。印刷油墨达不到它。

#FF0000

屏幕上

#E51F20

涂布纸印刷

按标准涂布纸印刷转换后,#FF0000 打样约为 #E51F20:更暗淡,还略微偏橙。这个差别大到训练有素的眼睛会认为是另一种颜色,所以你名片上的红和网站上的红根本对不上。

第二个问题是白字。白色在 #FF0000 上的对比度是 4.0 比 1,低于无障碍指南对正常文字要求的 4.5 比 1。要让红底白字的品牌名可读,红色就得比最亮的红稍微深一点。

连 YouTube 也放弃了它

#FF0000

YouTube 2017 年之前

#FF0033

YouTube 2024 年起

YouTube 的红在 RGB 系统里就是纯红。谷歌设计团队写道,它在一些屏幕上会显得偏橙,会让电视出现烧屏,而且太刺眼,所以品牌改用了稍冷的红。从 logo 文件读取,就是从 #FF0000 变为 #FF0033。

YouTube 是为屏幕调校红色,因为它生活在屏幕里。#FF0033 在印刷中仍然会大幅偏移,所以它是一个教训,而不是用于印刷 logo 时可以照抄的红。

名牌红是怎么做的

可口可乐:#E61D2B

可口可乐红底上的白色可口可乐手写体 logo

世界上最著名的红色,就在纯红稍下方,并微微偏向蓝色。它印出来几乎和屏幕上一模一样,白色手写体放在上面也能通过对比度检测,这正是可口可乐在罐子和卡车上的用法。

LEGO:#E3000B

LEGO logo,红色方块上带黑色和黄色描边的白色字母

一种深沉、完全饱和的红,在玩具盒上依然有冲击力。LEGO 的方块自带描边,所以红色可以保持明亮,放在货架上仍是一块扎实的色块。

Levi's:#C41230

Levi's 蝙蝠翼 logo,红色蝙蝠翼形状上的白色字母

四个里最深的一个,更接近深红。它是缝在牛仔裤上那块标签的红,所以这里放在白底上展示:Levi's 的红是为织物和纸张而生的,深色让白色字母保持清晰。

Netflix:#E50914

黑底上的红色 Netflix N logo

黑屏上迎接你的那抹红。Netflix 的红大多活在黑底上,N 的折叠处用了更深的 #B1060F,让字母看起来像一条折起的丝带。

它们都做对的两件事

每个著名的红都比纯红稍冷、稍深。 纯红在色轮上位于 0 度。可口可乐、LEGO 和 Netflix 在 356 到 357 度,Levi's 在 350 度:全都略微偏向蓝色。四个也都比纯红稍暗,这正是白色文字所需要的。

每个著名的红都能承载白色文字。 白色在纯红上通不过对比度检测,在这四个红上都能通过。

品牌红色色相白字对比度印刷偏移
纯红#FF00000°不通过,4.0 比 1大,6.0
YouTube(2024)#FF0033348°不通过,4.0 比 1大,5.5
可口可乐#E61D2B356°通过,4.6 比 1几乎看不出,0.7
Netflix#E50914357°通过,4.8 比 1小,1.1
LEGO#E3000B357°通过,4.9 比 1小,1.3
Levi's#C41230350°通过,6.0 比 1几乎看不出,0.6

印刷偏移低于约 2 很难察觉。高于约 5,印出来的颜色就像是另一种红。

如何为你的 logo 选红

  1. 从纯红稍下方开始。 把 #FF0000 向蓝色拉几度,再稍微调暗。这四个著名的红都在 350 到 357 度之间。
  2. 测试白字。 如果品牌名会以白色出现在红底上,就检查对比度是否达到 4.5 比 1。不够就继续调深。
  3. 印刷打样。 在设计工具里用涂布纸配置文件做软打样,或者向印刷厂要一份实物打样。调整颜色,直到印出来的红和屏幕上的红一致。

偷走这 4 个红

四个红,就是各品牌实际绘制的颜色。

读取自各品牌 logo 文件。点按颜色即可复制色值。

拿它们来研究,并把你自己的红放在旁边对比测试。在相关行业的新 logo 里照搬著名品牌的确切红色,只会让你看起来像山寨货:学它的规律,别抄它的色值。

FAQ

可口可乐红的十六进制色值是多少?

可口可乐红是 #E61D2B,取自可口可乐的 logo 文件。

Netflix 红的十六进制色值是多少?

Netflix 红是 #E50914。N logo 的折叠处用了更深的 #B1060F。

LEGO 红的十六进制色值是多少?

LEGO 红是 #E3000B。

YouTube 红的十六进制色值是多少?

YouTube 曾使用纯红 #FF0000,后来改成了稍冷的红。当前 logo 文件中绘制的是 #FF0033。

它印出来明显比屏幕上暗淡,而且白字放在上面通不过对比度检测。一个稍深、稍冷的红可以同时解决这两个问题。

来源

  • 颜色读取自 Wikimedia Commons 上各品牌的 logo 文件:可口可乐、LEGO、Levi's(2011)、Netflix N(2016)、YouTube 图标 2017 和 2024。
  • Google Design,YouTube's New Hue,讲述 YouTube 为何离开纯红。
  • 印刷偏移:使用 Coated FOGRA39 印刷配置文件做软打样,以 Delta E 2000 测量。#FF0000 打样为 #E51F20,差值为 6.0。
  • 色相角和对比度由十六进制色值按 HSL 模型和 WCAG 2 对比度公式计算得出。

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