Определитель цвета по фото и картинке

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

Загрузите снимок и коснитесь нужной точки. Код появится сразу в семи форматах: HEX и RGB для веба, HSL и HSV для редакторов, CMYK для печати, Lab для колориметрии и OKLCH для современного CSS. Нажатие на строку копирует значение в буфер обмена.

Камера не знает, каким было освещение, и угадывает баланс белого — часто мимо. Лампы накаливания уводят кадр в жёлтое, светодиодные — в зелёное или синее. Режим «Белый эталон» решает это: коснитесь белого листа в кадре, и инструмент вычислит сдвиг освещения и снимет его с замеров и палитры.

Один пиксель фотографии — это шум матрицы, зерно и артефакты сжатия JPEG. На ткани, штукатурке или дереве соседние пиксели расходятся заметно, поэтому по умолчанию берётся среднее по области 9×9 в исходном разрешении. Режим «1 px» нужен для скриншотов интерфейса, где важен конкретный пиксель.

Пиксели уменьшенной копии группируются в пространстве OKLab, где расстояние соответствует различению глаза; затравки выбираются так, чтобы и частые цвета, и редкие яркие детали получили свой образец, а близкие оттенки одной тени сливаются. На снимке у каждого образца есть точка — её можно перетащить на нужный предмет, и образец пересчитается.

Можно сузить выбор, но не принять окончательное решение. Инструмент показывает ближайшие цвета RAL Classic с расстоянием ΔE2000 и светоотражение LRV — этого достаточно, чтобы прийти в магазин с тремя кандидатами вместо каталога. Финальную сверку делает бумажный веер при том свете, при котором краска будет жить.

Да, в браузерах, которые это умеют: Chrome, Edge, Opera и другие браузеры на основе Chromium на компьютере показывают кнопку «Взять с экрана» — пипетка берёт цвет из любого окна. В Safari, Firefox и на телефонах такой возможности у браузера нет, поэтому там цвет берётся со снимка или со скриншота, вставленного клавишами Ctrl+V.

Кнопка «Экспорт» в блоке цветов копирует палитру как CSS-переменные, тему Tailwind или JSON, сохраняет карточку PNG и файл для GIMP, Inkscape и Krita. Файлы образцов Adobe (.ase), Photoshop (.aco) и Procreate (.swatches) и «Паспорт цвета» в PDF доступны в Премиуме. В Figma цвета удобнее вставить из CSS-переменных или HEX.

Современные телефоны снимают в широком цветовом охвате Display P3, где бывают цвета ярче, чем умеет обычный стандарт sRGB. Код HEX всегда в sRGB, поэтому для такого цвета он показывает ближайший доступный, а точное значение даёт строка P3 — его понимают CSS и браузеры с широким охватом.