ブランドの赤は #FF0000 ではない:Coca-Cola、LEGO、Levi's、Netflix の赤の使い方
純粋な赤は印刷でくすみ、白文字も支えられません。有名な赤いロゴは、どれも調整された赤を使っています。正確なコード、YouTube が純粋な赤をやめた理由、ロゴ用の赤の選び方を解説します。
優れたブランドの赤は、決して #FF0000 ではありません。純粋な赤は画面が表示できる最も明るい赤で、一見強みに聞こえますが、ロゴを印刷に回すとくすんで戻ってきて、白い文字を載せるには明るすぎると判明します。誰もが知っている有名な赤は、例外なく調整された赤です。
純粋な赤が失敗する理由
純粋な赤は、画面の色空間の端っこです。赤い光を全開にして、ほかは何も足さない色。印刷インクではそこに届きません。
画面上
コート紙への印刷
標準的なコート紙の印刷用に変換すると、#FF0000 は約 #E51F20 として校正されます。くすんで、わずかにオレンジ寄りです。訓練された目なら別の色と判断するほどの差があり、名刺の赤とウェブサイトの赤は一致しません。
2つ目の問題は白文字です。#FF0000 上の白は 4.0 対 1 で、アクセシビリティガイドラインが通常テキストに求める 4.5 対 1 を下回ります。ブランド名を白で載せる赤は、存在する中で最も明るい赤より少し暗くなければなりません。
YouTube でさえ離れた
YouTube 2017年まで
YouTube 2024年以降
YouTube の赤は RGB システムの純粋な赤でした。Google のデザインチームは、一部の画面ではオレンジに見え、テレビで焼き付きを起こし、うるさく感じられたと書いており、ブランドはやや冷たい赤へ移行しました。ロゴファイルから読み取ると、#FF0000 から #FF0033 への変更です。
YouTube は、自分たちが生きる場所である画面向けに赤を調整しました。#FF0033 は印刷では依然として大きくずれるので、印刷されるロゴの赤としては真似るものではなく、教訓として受け取ってください。
有名な赤はどうやっているか
Coca-Cola:#E61D2B
世界で最も有名な赤は、純粋な赤のすぐ下にあり、ほんの少し青寄りです。印刷しても画面とほぼ同じに出て、その上の白いスクリプト文字はコントラスト基準を通ります。缶やトラックでの使われ方がまさにそれです。
LEGO:#E3000B
深く、完全に彩度の高い赤で、おもちゃの箱の上でも力強さを失いません。LEGO の正方形はすでに自前の縁取りを持っているので、赤を明るいままにしても、棚の上でしっかりした塊として読めます。
Levi's:#C41230
4つの中で最も暗く、クリムゾンに近い赤です。ジーンズに縫い付けられたタブの赤なので、ここでは白地で見せています。Levi's の赤は布と紙の上に載るように作られていて、その暗さが白い文字をくっきり保ちます。
Netflix:#E50914
黒い画面で迎えてくれる赤です。Netflix の赤はほとんど黒の上で使われ、N の折り目にはより暗い #B1060F が使われているので、文字がリボンのように折られて見えます。
全部がやっている2つのこと
有名な赤はどれも、純粋な赤より少し冷たく、暗い。 純粋な赤は色相環で 0 度です。Coca-Cola、LEGO、Netflix は 356〜357 度、Levi's は 350 度で、いずれもわずかに青寄りです。4つとも純粋な赤より少し暗く、これはまさに白文字が必要とする条件です。
有名な赤はどれも白文字を載せられる。 純粋な赤の上の白はコントラスト基準に失敗します。4つの赤の上の白は、すべて合格です。
| ブランド | 赤 | 色相 | その上の白文字 | 印刷でのずれ |
|---|---|---|---|---|
| 純粋な赤 | #FF0000 | 0° | 不合格、4.0 対 1 | 大きい、6.0 |
| YouTube(2024) | #FF0033 | 348° | 不合格、4.0 対 1 | 大きい、5.5 |
| Coca-Cola | #E61D2B | 356° | 合格、4.6 対 1 | 目立たない、0.7 |
| Netflix | #E50914 | 357° | 合格、4.8 対 1 | 小さい、1.1 |
| LEGO | #E3000B | 357° | 合格、4.9 対 1 | 小さい、1.3 |
| Levi's | #C41230 | 350° | 合格、6.0 対 1 | 目立たない、0.6 |
印刷でのずれが約 2 未満なら、見分けるのは困難です。約 5 を超えると、印刷された色は別の赤に見えます。
ロゴ用の赤の選び方
- 純粋な赤のすぐ下から始める。 #FF0000 を数度だけ青側に寄せ、少し暗くします。有名な4つの赤は 350〜357 度の間にあります。
- 白を載せてテストする。 ブランド名を赤地に白で載せる可能性があるなら、コントラストが 4.5 対 1 に届くか確認し、届くまで暗くします。
- 印刷で校正する。 デザインツールでコート紙のプロファイルを使ってソフトプルーフするか、印刷会社に校正刷りを依頼します。印刷の赤と画面の赤が一致するまで調整しましょう。
この4つの赤をいただこう
各ブランドが描いている4つの赤です。
勉強用に、そして自分の赤を横に並べてテストするために使ってください。関連業種の新しいロゴに有名ブランドとまったく同じ赤を使うと、偽物っぽく見えてしまいます。真似るのはコードではなく、パターンです。
FAQ
Coca-Cola の赤の HEX コードは?
Coca-Cola の赤は、Coca-Cola のロゴファイルに描かれているとおり #E61D2B です。
Netflix の赤の HEX コードは?
Netflix の赤は #E50914 です。N ロゴの折り目には、より暗い #B1060F が使われています。
LEGO の赤の HEX コードは?
LEGO の赤は #E3000B です。
YouTube の赤の HEX コードは?
YouTube は、やや冷たい赤に移行するまで純粋な赤 #FF0000 を使っていました。現在のロゴファイルでは #FF0033 が描かれています。
なぜ #FF0000 はロゴに向かないの?
画面で見るより明らかにくすんで印刷され、その上の白文字はコントラスト基準に失敗します。少し暗く冷たい赤にすれば、両方とも解決します。
出典
- 各ブランドのロゴファイル(Wikimedia Commons)から読み取った色:Coca-Cola、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。
- 色相角とコントラストは、HEX コードから 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
