Пипетка цвета изображения
Укажите координаты, чтобы узнать точный цвет любого пикселя изображения или средний цвет прямоугольной области. Инструмент возвращает значения в форматах hex, RGB и HSL, а также уровень альфа-канала. Измерение выполняется после поворота по EXIF, поэтому координаты соответствуют отображаемому изображению. Удобно дизайнерам для подбора фирменных цветов, разработчикам для извлечения цветов из макетов и всем, кто проверяет цвета на снимках экрана.
Часто задаваемые вопросы
Как задаются координаты?
X отсчитывается от левого края, а Y — от верхнего; оба значения начинаются с 0. Координаты верхнего левого пикселя — 0, 0, а нижнего правого пикселя изображения размером 1920 на 1080 — 1919, 1079. Координаты измеряются на изображении после применения ориентации EXIF.
Как узнать средний цвет области?
Укажите ширину и высоту больше 1. Инструмент усреднит цвет каждого пикселя в прямоугольнике, который начинается в точке X и Y и простирается вправо и вниз. Прямоугольник должен целиком помещаться в изображение.
В каких форматах возвращается цвет?
Цвет возвращается в формате hex, как значения RGB в диапазоне от 0 до 255 и в формате HSL, где оттенок указывается в градусах, а насыщенность и светлота — в процентах. Значение альфа-канала варьируется от 0 (полная прозрачность) до 1 (полная непрозрачность).
Как учитывается прозрачность области?
Каждый пиксель учитывается пропорционально своей непрозрачности, поэтому прозрачные пиксели не смещают цвет в сторону черного. Указанное значение альфа-канала — это средняя непрозрачность области. Для полностью прозрачной области возвращается черный цвет с альфа-каналом 0.
Как узнать координаты пикселя?
В большинстве графических редакторов и инструментов для создания снимков экрана отображается положение курсора в пикселях. Сначала проверьте размер изображения с помощью инструмента «Информация об изображении», чтобы узнать допустимые значения X и Y.
Какие форматы поддерживаются?
Изображения JPEG, PNG, GIF, WebP, TIFF и AVIF размером до 5 MB и размером до 4000 пикселей по каждой стороне. Для анимированных изображений используется первый кадр.
Почему цвет отличается от цвета в редакторе?
Перед считыванием изображения преобразуются в sRGB, поэтому для фотографии с профилем Display P3 или CMYK указывается эквивалент в sRGB. В редакторах, которые показывают значения в исходном цветовом пространстве файла или по умолчанию берут цвет из большей области, числа будут немного отличаться. Сжатие JPEG также приводит к небольшим различиям между соседними пикселями.
Что произойдет, если координаты выходят за пределы изображения?
Вместо цвета инструмент покажет сообщение с размером изображения. Для X и Y принимаются целые числа от 0 до 3999, а для ширины и высоты — значения от 1 до 4000.
Можно выбрать несколько цветов одновременно?
Каждый запрос считывает цвет одной точки или одной области. Чтобы получить основные цвета всего изображения, воспользуйтесь инструментом «Преобладающий цвет изображения»: он возвращает палитру с долей каждого цвета.
Точен ли цвет для изображений с глубиной цвета 16 бит?
Файлы PNG и TIFF с глубиной цвета 16 бит перед чтением преобразуются в 8 бит на канал, поэтому значения выводятся в привычном диапазоне от 0 до 255, который используют CSS и инструменты дизайна. При преобразовании каждое значение округляется до ближайшего уровня 8-битного диапазона, поэтому шестнадцатеричный код совпадает с тем, что показывает браузер.