Точные цвета логотипа
Извлечение цветов логотипа
Инструмент «Извлечение цветов логотипа» находит точные коды цветов в файле логотипа. Он удаляет фон и смешанные пиксели по краям, а затем возвращает каждый цвет логотипа в HEX, RGB, HSL, OKLCH, Lab и в виде приблизительного значения CMYK.
- Бесплатно, без регистрации
- Изображения не покидают устройство
- Точные цвета пикселей
Перетащите логотип сюда
или вставьте через Ctrl+V. SVG, PNG, JPG, WebP. Прозрачный PNG или SVG даёт точные цвета.
Как работает извлечение цветов логотипа?
Извлечение цветов логотипа работает так: инструмент подсчитывает точные цвета в файле логотипа, удаляет цвета фона и смешанных краёв и возвращает остальные цвета, упорядоченные по площади.
Добавьте логотип
Перетащите файл SVG, PNG, JPG или WebP либо вставьте скопированный логотип. Файлы SVG и прозрачные PNG дают точные значения.
Фон удаляется
Если не менее 60% внешней границы изображения имеет один цвет, этот цвет считается фоном и исключается из палитры. Переключатель возвращает его.
Смешанные края отбрасываются
Пиксели на изгибах смешивают соседние цвета. Цвет, который лежит на линии смешения двух цветов логотипа и встречается только на краях, удаляется.
Скопируйте коды
Для каждого цвета логотипа показаны значения HEX, RGB, HSL, HSB, OKLCH, Lab и CMYK и контраст WCAG с белым и чёрным.
Почему в логотипе появляются лишние цвета?
Лишние цвета в логотипе появляются из-за сглаживания и сжатия. Сглаживание смешивает пиксели на изгибах и диагональных краях с соседним цветом, а сжатие JPEG смещает цвета возле краёв.
Режим логотипа подсчитывает точные цвета вместо усреднения групп, сохраняет самое частое реальное значение каждого цвета и удаляет смешанные пиксели. Инструмент для фотографий выдаёт эти смешанные пиксели как отдельные цвета.
Какой файл логотипа даёт самые точные цвета?
| Тип файла | Точность цвета | Причина |
|---|---|---|
| SVG | Точная | Векторные фигуры хранят коды цветов в виде текста, и инструмент привязывает результаты к этим значениям |
| PNG | Точная | Сжатие без потерь сохраняет каждое значение пикселя |
| WebP (без потерь) и GIF | Точная | Хранение без потерь; GIF содержит не более 256 цветов |
| JPEG | Приблизительная | Сжатие с потерями и субдискретизация цветности искажают цвета, сильнее всего на краях |
Руководство Как узнать точные коды цветов логотипа подробно объясняет форматы файлов и коды для печати.
Какие коды цветов нужны логотипу?
Логотипу нужны HEX-коды для сайтов, значения RGB для экранного дизайна, значения CMYK для триадной печати и номер Pantone для печати смесевыми цветами.
| Система кодов | Носитель | Что даёт инструмент |
|---|---|---|
| HEX | Сайты и CSS | Точное значение |
| RGB | Экраны, приложения и видео | Точное значение |
| CMYK | Триадная печать | Оценка без ICC-профиля |
| Pantone (PMS) | Печать смесевыми цветами | Не предоставляется, потому что данные о цветах Pantone лицензируются |
Как проверить, что сайт использует цвета логотипа?
Проверить это можно в инструменте Извлечение цветов сайта: сравните фирменный цвет сайта с HEX-кодом логотипа. Любое различие между двумя кодами означает, что сайт использует приближение цвета логотипа.
Вкладка «Контраст» показывает, проходит ли каждый цвет логотипа проверку контраста WCAG как текст на белом или чёрном. WCAG освобождает логотипы от требований к контрасту, но тексту в фирменном цвете всё равно нужен контраст 4.5:1.
Кому нужно извлечение цветов логотипа?
Владельцы малого бизнеса
Подгоняют тему магазина, панель объявлений и графику для соцсетей под точный цвет логотипа.
Дизайнеры
Восстанавливают фирменную палитру по логотипу клиента, когда брендбука нет.
Заказчики печати
Собирают точные экранные значения и отправную точку CMYK для обсуждения с типографией.
Разработчики
Экспортируют цвета логотипа как переменные CSS или тему Tailwind.
Частые вопросы об извлечении цветов логотипа
Можно ли узнать цвет Pantone моего логотипа?
Нет. Данные о цветах Pantone лицензируются, поэтому инструмент выдаёт точные значения HEX и RGB и приблизительное значение CMYK. Типография или собственные инструменты Pantone подбирают цвет PMS по этим значениям.
Почему логотип в JPG показывает больше цветов, чем ожидалось?
Сжатие JPEG меняет цвета возле краёв. Увеличьте значение Объединять похожие или используйте PNG- или SVG-версию логотипа для точных значений.
Что делать, если фон является частью логотипа?
Отключите Удалить фон. Тогда цвет фона вернётся в палитру со своей долей изображения.
Загружается ли мой логотип на сервер?
Нет. Логотип декодируется и анализируется в вашем браузере и не покидает ваше устройство.
Можно ли узнать цвета логотипа на сайте?
Да. Инструмент «Извлечение цветов сайта» считывает логотип в шапке и иконку сайта по URL и показывает их цвета рядом с цветами CSS.