Пипетка для изображений

Точные цвета из любого изображения

Откройте фото, коснитесь любого пикселя, чтобы увидеть настоящие значения HEX, RGB и HSL, затем настройте палитру и экспортируйте PNG-карту или переменные CSS. Всё работает в браузере — изображение не покидает ваше устройство.

Пиксельная выборка в полном разрешении
Автоматическая палитра основных цветов
PNG-карта и экспорт CSS

HEX— RGB— HSL— Альфа—

Пиксель не выбран Выберите изображение или начните с примера.

Перетащите изображение сюда

или нажмите Выбрать изображение. Можно также вставить через Ctrl/Cmd + V. PNG, JPEG, WebP, GIF и BMP до 25 МБ.

Вопросы

Мои изображения загружаются на сервер?

Нет. PickTint декодирует и читает файл прямо в браузере. Здесь нет загрузки на сервер и аккаунта, а скрипты отслеживания не запускаются на странице без вашего согласия, поэтому изображение не покидает ваше устройство.

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

PNG, JPEG, WebP, GIF (первый кадр), BMP и другие растровые форматы, которые декодирует браузер, до 25 МБ и 40 мегапикселей. Файлы SVG и PDF не поддерживаются.

Почему пиксель отображается как прозрачный?

Полностью прозрачный пиксель (альфа 0) не имеет цвета, поэтому PickTint говорит об этом, а не притворяется, что он чёрный. Полупрозрачные пиксели показывают настоящие значения RGB и процент альфы, а значение RGBA можно скопировать.

Выбранный цвет — это настоящий пиксель?

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

Как работает автоматическая палитра?

PickTint берёт образец из небольшой копии изображения, группирует похожие пиксели методом медианного разреза и объединяет почти одинаковые цвета. Однотонное изображение даёт один цвет, а не список с подставными оттенками. Можно менять целевое количество, править любой HEX, добавлять, удалять и переставлять цвета.

Что содержат экспортируемые файлы?

PNG-карта показывает все цвета по порядку с подписями HEX и HSL. Файл CSS определяет стабильные переменные от --picktint-1 и далее в порядке палитры на момент экспорта.

Работает ли это на телефоне?

Да. Коснитесь изображения или проведите по нему, чтобы взять цвет; на узких экранах изображение стоит над палитрой. Пример работает без выбора файла.