Пипетка цвета — получите HEX и RGB из фото

Ищете пипетку цвета по изображению? Загрузите фото и кликните по любому пикселю — сразу получите точный цвет в виде HEX-кода и значений RGB. Бесплатно, полностью в браузере, ничего не загружается. Это самый быстрый способ забрать точный цвет с картинки.

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

Каждый цветовой код копируется в буфер обмена одним кликом. Щёлкните по пикселю, чтобы считать его цвет, или по образцу из палитры — и скопируйте HEX или RGB для вставки прямо в дизайн-приложение, CSS, документ или чат. Не нужно вручную набирать длинные коды и рисковать опечатками.

Так как всё выполняется на 100% в браузере, изображение не покидает устройство и не загружается на сервер. Можно без опасений брать цвета с личных фото, клиентских материалов или неопубликованных макетов, зная, что файлы остаются только на Вашем компьютере. Будь Вы дизайнер, разработчик, маркетолог или просто любитель определённого оттенка на фото — эта пипетка даёт точные значения без трений и компромиссов по приватности.

Польза пипетки зависит от задачи, а у двух самых частых — разные требования. Для совпадения бренд-цвета нужен точный, «не усреднённый» пиксель из зоны ровного цвета, а не из градиента или JPEG-артефакта. А вот построение палитры — обратное: важны доминирующие тона по всему изображению, поэтому извлечённая палитра группирует близкие оттенки вместо вывода каждого уникального значения из файла.

Практическая ремарка о считывании цвета с фотографии: то, что Вы видите на экране, уже прошло через баланс белого камеры, цветовой профиль файла и калибровку Вашего дисплея. Для дизайна это обычно достаточно точно. Но если цвет нужно воспроизвести физически — печать, краска, ткань — относитесь к HEX-значению как к отправной точке, а не как к спецификации, и подтвердите по физическому образцу.