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

Укажите координаты, чтобы узнать точный цвет любого пикселя изображения или средний цвет прямоугольной области. Инструмент возвращает значения в форматах 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-битного диапазона, поэтому шестнадцатеричный код совпадает с тем, что показывает браузер.

Ваша реклама здесь?

[Напишите нам по электронной почте](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набор плагинов для работы агентов с WordPress.](https://sleekwp.com/?ref=oneclickpro)