Пипетка цвета с изображения — HEX, RGB, HSL, CMYK

Найдите точный цвет любого пикселя

Дизайнерам, разработчикам и мастерам часто нужен точный код цвета того, что они видят на изображении: фирменного цвета в логотипе, фона скриншота, оттенка с фото товара или тона картины. Эта пипетка цвета с изображения позволяет открыть любое изображение и щёлкнуть по пикселю, чтобы считать его цвет. Круглая лупа увеличивает область под курсором, так что вы попадёте в нужный пиксель даже на тонких линиях, мелком тексте или сглаженных краях. Каждый выбранный цвет копируется в буфер обмена как код HEX и добавляется в историю на потом. Изображение никогда не покидает ваше устройство, ведь всё считывание происходит на локальном canvas.

HEX, RGB, HSL и CMYK: объяснение

Пипетка показывает каждый цвет в четырёх записях. HEX, например #1E90FF, — компактная форма, используемая в CSS, HTML и большинстве дизайнерских инструментов. RGB перечисляет красный, зелёный и синий каналы от 0 до 255 и удобен для кода и графических редакторов. HSL описывает оттенок, насыщенность и светлоту, что упрощает создание более светлых или тёмных вариантов того же цвета. CMYK даёт приблизительную смесь голубого, пурпурного, жёлтого и чёрного для печати; для точного совпадения при печати сверьте значение с цветовым профилем принтера. Щёлкните любое значение, чтобы скопировать его в этом формате.

Советы для точного выбора

Фотографии и JPEG-изображения содержат шум, поэтому соседние пиксели могут отличаться на несколько значений. Включите Average 5×5 pixels, чтобы усреднить небольшую область и получить цвет, который действительно воспринимает глаз. Используйте PNG-скриншоты при подборе цветов интерфейса, так как они без потерь. В Chrome и Edge кнопка Pick from screen может брать цвета из любого места экрана, включая другие окна. Чтобы извлечь основные цвета всего изображения сразу, воспользуйтесь экстрактором палитры, а перед использованием цветов в дизайне проверьте читаемость текста с помощью проверки контраста.