Определение цвета на изображении
Щёлкните в любом месте изображения, чтобы узнать точный цвет этого пикселя, или получите палитру его основных цветов.
Ваши файлы никогда не покидают устройство
Перетащите сюда изображение
PNG, JPEG, WebP, GIF, BMP или AVIF. Или перетащите либо вставьте его сюда.
Открывается на этом устройстве. Ничего не загружается.
Щёлкните или коснитесь, чтобы выбрать цвет. С клавиатуры: стрелки перемещают перекрестие, Shift ускоряет, Enter выбирает.
Под перекрестием
-
Выбранный цвет
- HEX
- RGB
- HSL
Уже выбрано
Основные цвета
Выберите образец, чтобы скопировать его код HEX.
Одно изображение за раз, до 50 МБ и около 100 мегапикселей. PNG, JPEG, WebP, GIF (первый кадр), BMP или AVIF.
Как определить цвет на изображении
- Выберите изображение или перетащите либо вставьте его на страницу.
- Наведите курсор на изображение и прицельтесь с помощью лупы, затем щёлкните или коснитесь. С клавиатуры: сфокусируйте изображение, перемещайтесь стрелками (с Shift шаги крупнее) и нажмите Enter.
- Скопируйте код HEX, RGB или HSL либо цвет из палитры основных цветов.
Считывание цветов прямо с пикселей
Подобрать фирменный цвет по логотипу, найти точный оттенок синего на скриншоте или составить палитру по фотографии — всё это сводится к одному: считать значения красного, зелёного и синего, сохранённые для пикселя. Инструмент декодирует изображение в вашем браузере и считывает эти значения с картинки в полном разрешении, поэтому скопированный код — это цвет, который действительно есть в файле.
На фотографиях отдельные пиксели могут вводить в заблуждение: шум и сжатие делают соседние пиксели разными. Наведите лупу на середину однотонного участка или воспользуйтесь палитрой: она усредняет целые группы близких пикселей в несколько характерных цветов.
Советы
- Перевести выбранный цвет в CMYK или проверить его контраст с текстом можно в инструменте «Конвертер цветов и проверка контрастности».
- Выбираете цвет в небольшой части большого изображения? Сначала обрежьте его, чтобы нужная область заняла весь экран.
Вопросы и ответы
Насколько точен цвет?
Это сохранённое значение того самого пикселя под перекрестием, считанное с полноразмерного изображения, а не с уменьшенного предпросмотра. Лупа показывает пиксели вокруг, чтобы можно было навести точно на один пиксель на пёстрой границе.
Почему цвет отличается от того, что показывает другая программа?
Сжатие JPEG слегка сдвигает цвета, особенно у границ и на однотонных участках, поэтому соседние пиксели могут отличаться на несколько единиц. Изображения с цветовым профилем перед чтением преобразуются браузером в стандартный sRGB, который используют веб-страницы; фоторедактор, работающий в другом цветовом пространстве, может показать другие числа.
Как вычисляется палитра?
Изображение выбирается в узлах сетки до 160 на 160 точек и разбивается на восемь цветовых кластеров путём многократного деления цветового диапазона там, где он шире всего (метод медианного сечения). Образец каждого кластера — его средний цвет с указанием доли в изображении. Полностью или почти прозрачные пиксели пропускаются.
Что означают HEX, RGB и HSL?
Это три способа записи одного и того же цвета. HEX — значения красного, зелёного и синего (от 0 до 255), записанные в шестнадцатеричной системе, как в CSS и средствах дизайна. RGB перечисляет их обычными числами. HSL задаёт тон (от 0 до 360 градусов), насыщенность и светлоту, что удобнее подбирать вручную.
Моё изображение загружается на сервер?
Нет. Изображение декодируется и читается в вашем браузере, на вашем устройстве.