Извлечение палитры из изображения
Получите компактный набор часто встречающихся цветов из изображения, которое поддерживает браузер. Выберите от 3 до 20 образцов и нажмите на значение HEX, чтобы скопировать его. Декодирование, выборка и анализ выполняются локально в браузере.
Как извлечь палитру
-
1
Выберите изображение
Загрузите совместимый файл размером до 30 МБ и разрешением до 24 мегапикселей.
-
2
Задайте размер палитры
Выберите от 3 до 20 образцов цвета.
-
3
Проверьте результат
Инструмент делает выборку и сортирует частые группы RGB.
-
4
Скопируйте цвет
Нажмите на образец, чтобы скопировать шестизначное значение HEX.
Что показывает извлечённая палитра
Этот инструмент предназначен для быстрого подбора ориентировочных цветов, а не для колориметрических измерений. Декодированное изображение уменьшается до выборки не более 100 × 100 пикселей. Полностью прозрачные пиксели пропускаются, а красный, зелёный и синий каналы объединяются в интервалы с шагом 16. Самые частые группы выводятся в виде значений HEX.
Сколько цветов выбрать
| Образцы | Подходящий вариант |
|---|---|
| 3-5 | Простое настроение или небольшая палитра интерфейса |
| 6-10 | Фотография с несколькими объектами или материалами |
| 11-20 | Расширенная подборка с близкими оттенками |
Важные ограничения
- Результат основан на частотном квантовании RGB, а не на k-means, median cut или перцептивной кластеризации.
- Небольшой акцентный цвет может оказаться ниже большого фона, даже если визуально он заметнее.
- Уменьшение и шаг 16 дают приближённые значения, а не точные пиксели исходного файла.
- Управление цветом в браузере, артефакты JPEG и градиенты могут повлиять на частоту групп.
- Для анимированного изображения анализируется кадр, декодированный браузером при загрузке.
Чтобы узнать точный цвет в определённой точке, используйте пипетку для изображения. В дизайне рассматривайте такую палитру как отправную точку и проверяйте контраст перед применением цветов к тексту и элементам управления.
Часто задаваемые вопросы
Нет. Файл декодируется и анализируется в браузере. В многошаговом режиме он временно хранится в памяти браузера, чтобы восстановиться на следующей странице. Черновик удаляется примерно через 30 минут.
Порядок зависит от площади в выборке, а не от визуальной важности. Поэтому большое небо или стена может опередить маленький насыщенный объект.
Не обязательно. Каждый канал RGB округляется вниз до интервала с шагом 16, поэтому образцы представляют группы. Для точного пикселя используйте пипетку.
Однотонное или прозрачное изображение может содержать меньше различных непрозрачных цветовых групп, чем выбранный размер палитры.
Сопутствующие инструменты
Палитра цветов Material Design
Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.
Изменение размера изображений
Меняйте размер изображений до точных пиксельных размеров или процентов, сохраняя пропорции. Подходит для пакетной подготовки, без загрузки файлов.
WebP в JPG
Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.
Генератор QR-кодов
Создавайте QR-код из текста или URL в браузере и скачивайте его в PNG.
Генератор штрихкодов
Создавайте Code 128, EAN-13, UPC, ITF-14 и еще семь линейных штрихкодов. Данные остаются в браузере, результат можно скачать в SVG или PNG.
Генератор мемов
Добавьте верхнюю и нижнюю подписи к JPG, PNG или WebP. Настройте шрифт, цвета и обводку, затем скачайте статичный мем в PNG.