Пипетка цвета и извлечение палитры из изображения

Что такое Пипетка цвета и извлечение палитры из изображения?

Пипетка цвета изображения — это бесплатный онлайн-инструмент для извлечения палитры, который вытягивает доминирующие цвета и средний цвет из любого изображения прямо в браузере. Дизайнеры, фронтенд-разработчики и все, кто создаёт бренд или мудборд, могут перетащить фото, логотип или скриншот и за считаные секунды получить HEX-палитру. Он считывает пиксели изображения с помощью getImageData у HTML-канваса, квантует их по цветовым корзинам и сортирует по тому, как часто встречается каждый цвет, так что наиболее используемые цвета поднимаются наверх. Вы задаёте размер палитры (сколько доминирующих цветов, от 2 до 12), и каждый цвет отображается как образец с копируемым HEX-значением рядом с общим средним цветом изображения.

Как пользоваться Пипетка цвета и извлечение палитры из изображения

1. Перетащите изображение в зону загрузки или щёлкните по ней, чтобы выбрать файл (PNG, JPEG, WebP или любое другое изображение, которое может открыть ваш браузер) с вашего устройства.
2. Установите в поле «Размер палитры» нужное количество доминирующих цветов — от 2 до 12.
3. Посмотрите строку «Средний цвет», чтобы увидеть единый смешанный средний цвет всего изображения с его HEX-значением.
4. Посмотрите список «Доминирующие цвета», упорядоченный от самого частого цвета вниз, каждый с образцом и его HEX-значением.
5. Нажмите кнопку копирования рядом с любым цветом, чтобы скопировать это HEX-значение в буфер обмена.

Примеры

Часто задаваемые вопросы

Какие форматы изображений можно использовать?

Любое изображение, которое может открыть ваш браузер (зона загрузки принимает image/*), включая PNG, JPEG и WebP. Изображение отрисовывается на HTML-канвасе, а его пиксели читаются локально для извлечения цветов.

Как выбираются доминирующие цвета?

Инструмент считывает пиксели изображения, группирует похожие цвета по корзинам и сортирует корзины по числу пикселей, попавших в каждую. Верхние корзины становятся вашими доминирующими цветами, показанными от самого частого, каждый — как средний цвет своей корзины.

Сколько цветов можно извлечь?

Вы задаёте «Размер палитры» от 2 до 12 доминирующих цветов. Общий средний цвет всего изображения всегда показывается отдельно, в дополнение к этому списку.

Почему цвета могут немного отличаться от исходного изображения?

Для скорости большие изображения уменьшаются перед чтением, а похожие цвета группируются, поэтому каждый образец — это среднее значение группы, а не один точный пиксель. Результат — достоверная репрезентативная палитра, а не попиксельная выборка цвета.

Загружается ли моё изображение куда-либо?

Нет. Изображение обрабатывается на 100% в вашем браузере с помощью HTML-канваса. Оно никогда не загружается в deftdeck или на какой-либо сервер, поэтому инструмент работает офлайн и сохраняет ваше изображение приватным.