Фирменный красный — это не #FF0000: как Coca-Cola, LEGO, Levi's и Netflix используют красный
Чистый красный в печати выходит тусклее и не держит белый текст. Все известные красные логотипы используют подобранный оттенок. Их точные коды, почему YouTube отказался от чистого красного и как выбрать красный для своего логотипа.
Хороший фирменный красный никогда не равен #FF0000. Чистый красный — самый яркий красный, который может показать экран. Звучит как преимущество, пока логотип не уходит в печать, не возвращается тусклее и не оказывается слишком светлым для белого текста. Каждый известный вам красный — это красный, который подбирали вручную.
Почему чистый красный не работает
Чистый красный — это угол цветового пространства экрана: красный свет на полной мощности и ничего больше. Печатная краска до него не дотягивается.
На экране
В печати, на мелованной бумаге
При конвертации для стандартной офсетной печати на мелованной бумаге #FF0000 на пробном оттиске превращается примерно в #E51F20: тусклее и слегка оранжевый. Разница такая, что опытный глаз называет это другим цветом, поэтому красный на вашей визитке не совпадёт с красным на сайте.
Вторая проблема — белый текст. Белый на #FF0000 даёт контраст 4,0 к 1, а рекомендации по доступности требуют для обычного текста 4,5 к 1. Красный, который должен нести название бренда белым, обязан быть чуть темнее самого яркого красного.
Даже YouTube от него отказался
YouTube до 2017
YouTube с 2024
Красный YouTube был чистым красным в системе RGB. Команда дизайна Google писала, что на некоторых экранах он выглядел оранжевым, вызывал выгорание на телевизорах и казался слишком кричащим, поэтому бренд перешёл на чуть более холодный красный. По файлам логотипа это путь от #FF0000 к #FF0033.
YouTube подбирал красный для экранов, а именно там он и живёт. #FF0033 в печати всё равно заметно уходит, так что это скорее урок, чем красный, который стоит копировать для печатного логотипа.
Как это делают известные красные
Coca-Cola: #E61D2B
Самый известный красный в мире лежит чуть ниже чистого красного и на волосок смещён к синему. В печати он почти не отличается от экранного, а белая надпись на нём проходит проверку контраста, именно так Coca-Cola использует его на банках и грузовиках.
LEGO: #E3000B
Глубокий, полностью насыщенный красный, который сохраняет силу на коробках с игрушками. У квадрата LEGO уже есть собственная обводка, поэтому красный может оставаться ярким и всё равно читаться сплошным блоком на полке.
Levi's: #C41230
Самый тёмный из четырёх, ближе к малиновому. Это красный с ярлычка, пришитого к джинсам, поэтому здесь он показан на белом: красный Levi's создан для ткани и бумаги, а его глубина сохраняет чёткость белых букв.
Netflix: #E50914
Красный, который встречает вас на чёрном экране. Красный Netflix в основном живёт на чёрном, а для сгибов буква N использует более тёмный оттенок #B1060F, поэтому она выглядит сложенной, как лента.
Две вещи, которые делают все
Каждый известный красный чуть холоднее и темнее чистого красного. Чистый красный стоит на 0 градусов цветового круга. Coca-Cola, LEGO и Netflix находятся на 356-357, Levi's на 350: все слегка смещены к синему. Все четыре также немного темнее чистого красного, а именно это и нужно белому тексту.
Каждый известный красный выдерживает белый текст. Белый на чистом красном не проходит проверку контраста. Белый на каждом из четырёх проходит.
| Бренд | Красный | Оттенок | Белый текст на нём | Сдвиг в печати |
|---|---|---|---|---|
| Чистый красный | #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 на несколько градусов к синему и немного затемните. Четыре известных красных лежат между 350 и 357 градусами.
- Проверьте на нём белый. Если название бренда когда-либо будет белым на красном, убедитесь, что контраст достигает 4,5 к 1. Затемняйте, пока не достигнет.
- Проверьте в печати. Сделайте цветопробу в дизайн-программе с профилем мелованной бумаги или попросите пробный оттиск в типографии. Двигайте цвет, пока печатный и экранный красный не совпадут.
Забирайте эти 4 красных
Четыре красных такими, какими их рисует каждый бренд.
Используйте их, чтобы изучать и сравнивать со своим красным. Если скопировать точный красный известного бренда для нового логотипа в смежном бизнесе, получится подделка: берите принцип, а не код.
FAQ
Какой hex-код у красного Coca-Cola?
Красный Coca-Cola это #E61D2B, как он нарисован в файле логотипа Coca-Cola.
Какой hex-код у красного Netflix?
Красный Netflix это #E50914. Сгибы логотипа N используют более тёмный #B1060F.
Какой hex-код у красного LEGO?
Красный LEGO это #E3000B.
Какой hex-код у красного YouTube?
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
