Фирменные цвета известных брендов — HEX‑коды и где брать официальные
Жёлтый Яндекса, зелёный Сбера, синий VK — эти цвета мы узнаём раньше, чем успеваем прочитать название. Это не случайность: мозг считывает цвет быстрее формы и текста, и бренды это знают — потому и тратят миллионы, чтобы закрепить за собой оттенок и прописать его с точностью до кода. А потом дизайнер ставит кнопку «оплатить через СБП» в «примерно таком» фиолетовом — и глаз спотыкается, хотя вроде бы всё на месте. Спотыкается ровно потому, что фирменный цвет — не оформление, а актив с точным номером, и мимо него нельзя попадать «на глазок».
У каждого крупного бренда цвет зафиксирован в брендбуке точным HEX‑кодом. «Похожий» оттенок — плохая идея сразу по двум причинам: падает узнаваемость и рушится юридическая защита цвета. Точные коды берут из официальных гайдлайнов или прямо из SVG‑логотипа, но никогда — пипеткой по картинке из поиска.
Цвета российских брендов
Начнём с готовых кодов — дальше объясним, откуда они берутся и почему им можно доверять. Вот ядро палитр брендов, которые вы видите каждый день:
| Бренд | Цвет | HEX |
|---|---|---|
| Сбер | зелёный | #21A038 |
| Яндекс | жёлтый/красный | #FFCC00 / #FC3F1D |
| VK | синий | #0077FF |
| Т-Банк | жёлтый | #FFDD2D |
| Ozon | синий | #005BFF |
| Wildberries | фиолетовый | #CB11AB |
| Авито | зелёный/синий | #97CF26 / #00AAFF |
| МТС | красный | #E30611 |
Цвета мировых брендов
| Бренд | Цвет | HEX |
|---|---|---|
| синий | #4285F4 (+ #EA4335, #FBBC05, #34A853) | |
| Apple | графитовый | #000000 / #A2AAAD |
| Meta | синий | #0866FF |
| YouTube | красный | #FF0000 |
| Telegram | голубой | #229ED9 |
| зелёный | #25D366 | |
| Spotify | зелёный | #1DB954 |
| Netflix | красный | #E50914 |
Почему «на глаз» — это дорого
Раз коды перед глазами, возникает вопрос: а так ли важна точность, если оттенок почти совпал? Важна, и вот три причины, каждая из которых превращает «почти» в реальную потерю.
Первая — узнаваемость. Она держится именно на точности попадания: мгновенное «о, это Сбер» срабатывает до того, как прочитано название, только если зелёный тот самый. Чуть сдвинули оттенок — и узнавание замедлилось, а вместе с ним пропал весь смысл, ради которого бренд этот цвет и закреплял.
Вторая причина серьёзнее узнаваемости: юридическая защита. Цвет может быть частью товарного знака, и тогда «примерно такой» оттенок — уже не эстетическая, а правовая проблема. Сбер регистрировал свой зелёный, Т-Банк — жёлтый именно затем, чтобы конкурент не смог мимикрировать под них цветом. Использовать чужой фирменный оттенок в своём знаке в той же категории — прямой риск; где проходит граница дозволенного, разбирали в статье можно ли использовать чужой логотип.
И третья — консистентность. Когда у компании сотни точек контакта — сайт, приложение, реклама, вывески, — только точный код гарантирует, что зелёный на билборде и зелёный в приложении — один и тот же. Стоит пустить цвет «на глаз» хотя бы на одном носителе, и система начинает расползаться.
Все три причины ведут к одному практическому выводу: цвет нельзя подбирать — его нужно брать из достоверного источника.
Где брать официальный цвет любого бренда
Источников по сути три, и они выстраиваются по убыванию надёжности:
- Гайдлайны бренда. Ищите «brand guidelines» плюс название. У Google, Telegram, Spotify — публичные страницы с точными кодами и правилами использования. Это первоисточник, доверие максимальное.
- SVG‑логотип. Если гайдлайна нет, цвет записан прямо в коде файла атрибутом
fill— источник без искажений, потому что это сам оригинал, а не его фотография. Как прочитать код из файла, разбирали в статье как узнать цвет логотипа. - Пресс‑киты. У большинства компаний есть страница «для прессы» с логотипами и цветами — запасной, но надёжный вариант.
А есть ровно один способ, который выглядит самым простым и потому самым соблазнительным, — и именно он даёт неверный результат.
Пипетка по логотипу из выдачи картинок. Там лежат JPG с артефактами сжатия, перекодированные копии и просто фейки. Снимете #20A23C вместо #21A038 — вроде близко, а рядом с настоящим смотрится грязно. Пипетка честна ровно настолько, насколько честен файл под ней, — а файл из поиска почти всегда искажён.
Как использовать чужие цвета законно
Из того, что цвет — охраняемый актив, не следует, что его вообще нельзя касаться. Показывать бренд его же цветом — нормально: кнопка «Войти через VK» в синем #0077FF, список банков с их фирменными иконками, обзор сервисов с их палитрами. Это то же номинативное (называющее) использование, что и с логотипами: вы указываете на бренд, а не выдаёте себя за него. Запрещено другое — строить свой фирменный стиль на чужом охраняемом цвете в той же товарной категории. Жёлтый банк, зелёный банк и красный оператор уже заняты, и заход на эту территорию — не смелость, а иск.
Раз уж речь зашла о том, что цвет бывает «занят», стоит разобраться, как вообще цвет можно закрепить за собой юридически.
Можно ли «запатентовать» цвет
Да — и это не юридическая экзотика. Цвет (точнее, цветовое обозначение) регистрируется как товарный знак, если доказана его различительная способность: потребители устойчиво связывают оттенок именно с этим брендом. Мировая классика — фиолетовый Milka, бирюзовый Tiffany, красная подошва Louboutin. В России зарегистрированы, например, зелёный Сбербанка и жёлтый Т-Банка; именно поэтому «жёлтый банк» в рекламе конкурента — это риск, а не фигура речи.
Но у этой защиты есть жёсткая граница, и она снимает половину страхов: охрана действует только в конкретной товарной категории. Зелёный сам по себе не принадлежит никому — принадлежит зелёный в банковских услугах. Флорист может спокойно быть зелёным, новый банк — уже нет. И порог доказательств высокий: цвет регистрируют единицы брендов с многолетней историей и опросами узнаваемости — молодой компании такой знак попросту не дадут.
Тёмная тема: у цвета появилась вторая версия
Есть ещё одна причина, по которой один HEX перестал закрывать все случаи, — тёмные интерфейсы. Цвет, выверенный для белого фона, на чёрном ведёт себя иначе: насыщенный синий «вибрирует», тёмно‑зелёный проваливается, жёлтый начинает кричать. Поэтому зрелые дизайн‑системы держат две версии палитры: для светлой темы — базовые коды из брендбука, для тёмной — скорректированные, обычно чуть светлее и менее насыщенные.
Для тех, кто использует чужие фирменные цвета в своём интерфейсе, вывод прямой: проверяйте кнопки «Войти через…» и иконки банков в обеих темах. Официальный цвет на неродном фоне может требовать подложки — именно поэтому гайдлайны платёжных систем так подробно расписывают, на каком фоне какую версию значка ставить.
Частые вопросы
Почему цвет с официального сайта не совпал с брендбуком? Три причины: на сайте ещё не доехал свежий редизайн; вы сняли цвет пипеткой с JPG (искажения); дизайнеры сознательно используют «интерфейсную» версию цвета, отличную от печатной. Приоритет доверия: свежий брендбук → SVG‑логотип → сайт.
Как узнать цвет бренда без публичных гайдлайнов? SVG‑логотип — самый надёжный источник: цвет записан в коде файла. Скачайте вектор и посмотрите fill — как именно, показано в статье как узнать цвет логотипа.
Сколько цветов в палитре бренда? Ядро — 1–2 фирменных, плюс функциональные: 2–4 нейтральных (текст, фоны) и семантические (успех/ошибка/предупреждение). Палитры на десяток «фирменных» цветов встречаются у экосистем, где каждому сервису нужен свой акцент.
Что запомнить
Фирменный цвет — такой же актив бренда, как логотип, и у него всегда есть точный код, потому что на этой точности держатся и узнаваемость, и правовая защита, и консистентность. Отсюда единственное правило: цвет берут из первоисточника — гайдлайна или SVG, — а не подбирают на глаз и не снимают пипеткой с картинки из поиска.
В нашем каталоге логотипов у каждого бренда есть блок «Цвета бренда»: официальные HEX‑коды извлечены из оригинального SVG и копируются одним кликом — быстрее, чем искать брендбук.