Палитра цветов из изображения
Основные цвета изображения в HEX и RGB, а пипеткой можно взять цвет любой точки.
Инструмент
Инструмент находит преобладающие цвета в загруженной фотографии, логотипе или снимке экрана и выводит их списком из 3-10 цветов, в зависимости от выбранного числа. Для каждого цвета вы получаете HEX-код, значение RGB и полоску, показывающую его долю на изображении. Сначала изображение уменьшается, затем близкие цвета объединяются в группы, а полностью прозрачные пиксели не учитываются. Одно и то же изображение всегда даёт один и тот же результат.
Пипеткой можно щёлкнуть по любой точке изображения и взять цвет этого пикселя; выбор работает и с клавиатуры. У каждого цвета есть кнопка копирования и ссылка, открывающая его в конвертере цветов, где видны значения HSL, CMYK и OKLCH. Палитру можно скопировать как CSS-переменные или JSON, а полосу цветов скачать в формате PNG.
Ограничения: результат считается по уменьшенной копии изображения и остаётся приближением, поэтому маленькая, но важная деталь, например тонкая линия логотипа, может не попасть в список. В градиентах и шумных изображениях близкие оттенки сливаются в один цвет. Если цветовые профили экрана и файла различаются, в другой программе коды могут слегка отличаться. Чтобы закрепить фирменный цвет, сверьтесь со значением в исходном файле.
Частые вопросы
Какие изображения можно загрузить?
Обычные файлы изображений, которые открывает ваш браузер: фото, логотип или снимок экрана. Очень большие изображения сначала уменьшаются, поэтому обработка остаётся быстрой.
Почему нужного цвета нет в списке?
Список строится по цветовым группам, занимающим наибольшую площадь. Для мелкой детали увеличьте число цветов или щёлкните по этому месту пипеткой.
Даёт ли одно изображение каждый раз одни и те же цвета?
Да. В расчёте нет случайности: одно изображение с тем же числом цветов всегда даёт один и тот же результат.
Загружается ли моё изображение куда-нибудь?
Нет. Изображение обрабатывается только в вашем браузере, на сервер не отправляется и не сохраняется.
