Что умеет инструмент
Инструмент извлекает палитру цветов из изображения локально в браузере. Он показывает HEX, RGB и HSL, помогает быстро скопировать цвет, палитру строкой или CSS-переменные для дизайна, сайта и брендовых материалов.
Как использовать
- Загрузите изображение JPG, PNG, WebP или другой формат, поддерживаемый браузером.
- Выберите количество цветов и точность анализа.
- Скопируйте отдельный цвет, всю палитру или CSS-переменные.
Как выбираются цвета
Инструмент уменьшает изображение до безопасного размера, считывает пиксели через Canvas и группирует близкие оттенки в цветовые корзины. Самые заметные группы становятся палитрой, а слишком похожие оттенки объединяются, чтобы результат был полезен для дизайна, а не превращался в список почти одинаковых тонов.
Точность анализа влияет на скорость и детализацию. Быстрый режим подходит для крупных фотографий и чернового подбора, а более точный помогает, когда важны небольшие акценты, фирменные цвета или сложные иллюстрации.
Как использовать палитру в дизайне
Для каждого цвета показываются HEX, RGB и HSL, поэтому палитру легко перенести в Figma, CSS, презентацию или бренд-гайд. Можно скопировать отдельный цвет, всю строку палитры или готовые CSS-переменные.
Если фон занимает большую часть изображения, включите или отключите учет фона в зависимости от задачи. Для карточки товара фон часто лучше исключить, а для moodboard или обложки он может быть важной частью визуального ощущения.
Ограничения и приватность
Изображение не загружается на сервер: анализ выполняется в браузере. Это удобно для клиентских макетов, референсов и внутренних материалов, которые не хочется отправлять в сторонние сервисы.
Палитра является приближением, а не сертифицированным измерением цвета. Градиенты, шум, прозрачность, сжатие JPEG и цветовой профиль экрана могут влиять на результат, поэтому для печати или точного бренд-контроля сверяйтесь с исходными спецификациями.