Палитра цветов по логотипу
Палитра цветов по логотипу собирается прямо с файла знака: загрузите PNG или JPG — и сразу увидите фирменные цвета с ролями и HEX-кодами. Код копируется щелчком, а если нужны правила применения цветов, шрифты и версии знака, Айдентика оформит всё в гайд PDF.
Что получите
- HEX-коды до запуска — Предпросмотр палитры появляется на бренд-борде сразу после загрузки знака и ничего не стоит. Нажмите на цвет — HEX уйдёт в буфер обмена, а на клетке мелькнёт «Скопировано».
- Роли, а не просто цвета — До пяти цветов по убыванию доли в знаке: «Основной», «Дополнительный» и «Акцент». Сразу видно, на чём держится стиль, а что идёт на выделения.
- Без шума сглаживания — Считается весь знак, а не один пиксель: близкие оттенки из градиента и сглаженных краёв объединяются, прозрачный и почти белый фон отбрасывается.
- Палитра с правилами в PDF — В гайде у цветов своя страница с правилами, а на странице «Как этим пользоваться» — где какой цвет ставить. Шрифтовая пара подбирается под эту же палитру.
Как пользоваться
- Найдите самый чистый файл. Берите PNG-экспорт из исходника, а не скриншот с сайта и не картинку, пересланную в мессенджере: сжатие сдвигает оттенки, и палитра повторит искажение.
- Загрузите знак в Айдентику. Перетащите файл в поле «Логотип» или возьмите его из библиотеки. Плитка «Палитра» на бренд-борде заполнится цветами Вашего знака.
- Скопируйте нужные коды. Щёлкните по цвету — HEX скопируется. Это предпросмотр в браузере: окончательные значения сервер посчитает по исходному файлу и запишет в гайд.
- Соберите гайд, если нужны правила. Впишите «Название бренда» — от двух знаков, — выберите «Основа»: палитра, шрифты, версии знака и три мокапа. Нажмите «Собрать фирстиль», цена в кредитах на кнопке.
- Передайте коды в работу. Разработчику — в переменные стилей сайта, SMM-специалисту — в шаблоны и проект бренда, типографии — вместе с PDF и просьбой показать пробный оттиск.
Как было и как стало
Дизайнер принимает проект без брендбука: от прежнего подрядчика остался только логотип в PNG. Пипетка в редакторе берёт цвет одного пикселя, а на краях знака и в градиенте он каждый раз чуть другой — так в макетах появляются три «фирменных синих». Сверять их приходилось вручную, увеличивая знак до отдельных точек.
Теперь палитра считается по всему знаку за секунду, с долями и ролями, и одинаково у всех, кто загрузит тот же файл. Спорить о цвете больше не нужно — есть код.
Как читать палитру
- Цвета идут по убыванию доли в знаке: первый — тот, которого в логотипе больше всего.
- «Основной» — опора стиля, «Дополнительный» — второй по объёму, «Акцент» — для кнопок, выделений и мелких деталей.
- Если знак одноцветный, предпросмотр добавит к нему нейтральный цвет — стилю нужен хотя бы один фон.
- Белый и прозрачный фон в палитру не попадают; белый как фирменный цвет укажите подрядчикам отдельно.
Советы для точных цветов
- Не берите логотип с фото вывески или визитки: свет и бумага меняют цвет.
- Сильно пережатый JPG даёт лишние оттенки по краям — ищите PNG.
- Градиентный знак даст несколько соседних оттенков: основной выбирайте по задаче, остальные используйте как акценты.
- Если цвета нужны внутри схемы Воркфлоу, нода «Бренд-кит» снимает палитру с того же файла логотипа и моделей не вызывает.
Частые вопросы
Насколько точны цвета?
Палитра считается по пикселям загруженного файла, без нейросети, поэтому совпадает с ним. Если файл искажён — пережат или сохранён на другом фоне, — палитра повторит и это.
Будут ли коды CMYK или Pantone?
Нет, только HEX. Для печати типография подберёт значения своей системы — попросите показать оттиск до тиража.
Что если фирменный цвет — белый?
Почти белые пиксели считаются фоном и пропускаются. Если весь знак белый на прозрачном фоне, цветов в нём не найдётся и гайд не соберётся — загрузите цветную версию; кредиты за несобравшийся гайд вернутся.
Можно ли получить только палитру?
Да: предпросмотр с HEX доступен сразу после загрузки, до запуска. Платный запуск нужен, только если хотите гайд с правилами, шрифтами, версиями знака и мокапами.
Сколько цветов будет в палитре?
До пяти. Близкие оттенки объединяются, поэтому у простого знака цветов может оказаться два-три.
Почему предпросмотр и гайд могут чуть различаться?
Предпросмотр считает браузер, а гайд — сервер по исходному файлу. Окончательные значения — в гайде, их и отдавайте подрядчикам.
Ещё задачи с этим инструментом
- Фирменный стиль для кофейни
- Мокапы логотипа для презентации клиенту
- Фирменный стиль для бренда на маркетплейсе
Разборы в Журнале
- Логотип для кофейни в векторе: четыре направления за один запуск
- Фирменный стиль из готового знака: гайд Basalt