Фирменный жёлтый — это не #FFFF00: как жёлтый используют McDonald's, IKEA, DHL и Nikon

Хороший фирменный жёлтый никогда не бывает #FFFF00. Чистый жёлтый почти исчезает на белом фоне, а в печати выходит темнее и тусклее, чем на экране. Знаменитые жёлтые логотипы решают это одинаково, и этот приём легко повторить для собственного логотипа.

Почему жёлтый — самый трудный цвет для бренда

В любом другом ярком цвете есть тьма. Чистый красный по светлоте примерно как средне-серый, а чистый синий ещё темнее. Чистый жёлтый почти так же светел, как белый, поэтому на белой странице между ними почти нет разницы.

#FFFF00

На белом

#FFFF00

На чёрном

Один и тот же цвет, противоположный результат. Будет ли виден жёлтый логотип, решает то, что за ним, а большинство логотипов живут на белом: фирменные бланки, счета, шапки сайтов, сторы приложений, стенды спонсоров.

А в печати он меняет цвет

#FFFF00

На экране

#F4E600

В печати, на мелованной бумаге

Экран создаёт жёлтый, добавляя свет. Принтер создаёт его краской на бумаге, а бумага светиться не умеет. При конвертации для стандартной печати на мелованной бумаге #FFFF00 на пробной печати выходит примерно как #F4E600: темнее, зеленее, площе. Сдвиг настолько велик, что намётанный глаз видит другой цвет.

Знаменитые жёлтые ниже в печати остаются близки к себе. Все четыре сдвигаются намного меньше, чем чистый жёлтый.

Как это делают знаменитые жёлтые

McDonald's: #FFBC0D на красном #DB0007

Глубокий золотистый жёлтый, который почти всегда стоит на красном. Тяжёлую работу делает красный: сам по себе на белой странице он отлично виден, поэтому жёлтый нужно лишь узнавать, а не читать.

IKEA: #FBD914 на синем #0058AB

Жёлтый овал лежит на синем поле, а название написано тем же синим, так что жёлтому никогда не приходится касаться белого. Синий и жёлтый ещё и цвета шведского флага, который несёт с собой происхождение бренда.

DHL: #FFCC00 с красным #D2002E

Здесь жёлтый и есть фон, целое поле, а название красное поверх него. Фургоны и конверты DHL устроены так же: жёлтая поверхность, заметная с другой стороны улицы, и красный, чтобы читать.

Nikon: #FFE100 с почти чёрным #150301

Самая крайняя пара из четырёх: чистый, чуть тёплый жёлтый за чёрным шрифтом, почти предельный контраст двух цветов. Жёлтый это память, чёрный это то, что читают.

Две вещи, которые делают все

Каждый знаменитый жёлтый теплее чистого жёлтого. На цветовом круге чистый жёлтый стоит на 60 градусах. У McDonald's 43, у DHL 48, у IKEA 51, у Nikon 53. Все четыре смещены к оранжевому, и жёлтый выглядит насыщеннее и золотистее, а не как маркер-текстовыделитель.

Читаемость обеспечивает цвет-партнёр. Ни один из четырёх жёлтых не читается как текст на белом. Каждый из партнёров читается.

То есть жёлтый и не пытается читаться. Название, мелкий текст и кнопки сайта достаются партнёру. Поэтому совет «просто возьмите жёлтый потемнее» неверен: жёлтый, достаточно тёмный для чтения на белом, уже не тот жёлтый, который вам был нужен.

Как выбрать жёлтый для своего логотипа

1. Сначала выберите партнёра. Решите, каким тёмным цветом будет написано ваше название: красным, как у McDonald's, синим, как у IKEA, почти чёрным, как у Nikon. Он должен работать в одиночку на любой белой странице.
2. Согрейте жёлтый. Начните с #FFFF00 и тяните его к оранжевому, пока он не окажется между 43 и 53 градусами, в диапазоне знаменитой четвёрки.
3. Проверьте в печати до того, как зафиксировать. Попросите у типографии пробный оттиск или сделайте софт-пруф в дизайн-программе с профилем мелованной бумаги. Если напечатанный жёлтый выглядит другим цветом, двигайте его, пока экран и печать не совпадут.

Берите эти 4 пары

Четыре пары в том виде, как их рисует каждый бренд.

#FFBC0DЖёлтый McDonald's#DB0007Красный McDonald's#FBD914Жёлтый IKEA#0058ABСиний IKEA#FFCC00Жёлтый DHL#D2002EКрасный DHL#FFE100Жёлтый Nikon#150301Чёрный Nikon

Используйте их, чтобы учиться и проверять идеи рядом со своими цветами. Копировать точную пару известного бренда для нового логотипа в смежном бизнесе значит выглядеть как подделка: берите приём, а не коды.

FAQ

Какой hex-код у жёлтого McDonald's?

Золотые арки в квадратном логотипе McDonald's 2020 года имеют цвет #FFBC0D на красном #DB0007.

Какой hex-код у жёлтого IKEA?

Жёлтый IKEA это #FBD914, он используется на синем IKEA #0058AB.

Какой hex-код у жёлтого DHL?

Жёлтый DHL это #FFCC00 (Pantone 116 C) в паре с красным DHL #D2002E (Pantone 199 C).

Почему жёлтый плохо смотрится на белом?

Чистый жёлтый почти так же светел, как белый, поэтому контраста между ними почти нет. #FFFF00 на белом даёт около 1,07 к 1, тогда как основному тексту нужно 4,5 к 1. Ставьте жёлтый на тёмный цвет или набирайте текст тёмным цветом-партнёром.

Какой жёлтый хорош для логотипа?

Тёплый жёлтый примерно с оттенком от 43 до 53 градусов, как золотистые жёлтые McDonald's, DHL, IKEA и Nikon, в паре с тёмным цветом, который несёт название.

Источники

• Цвета считаны из файла логотипа каждого бренда на Wikimedia Commons: квадратный логотип McDonald's (2020), логотип IKEA, логотип DHL Express (Pantone 116 C и 199 C), логотип Nikon.
• Сдвиг в печати: софт-пруф с профилем печати 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.