Реклама мешает? Идти Без рекламы Сегодня 

Конвертер универсальных цветовых пространств

ЦветРазработчикИзображение

Реклама · УДАЛИТЬ?

ВХОД

Автоматический процесс

ВЫХОД

Клиентская сторона

Предпросмотр

Все цветовые пространства

HEX

РГБ

HSL

HSV / HSB

CMYK

CIE LAB

LCH

CIE XYZ (D65)

Oklab

Ближайшее именованное значение CSS

Реклама · УДАЛИТЬ?

Гид

Конвертер универсальных цветовых пространств

Вставьте цвет в любой из распространённых форматов и мгновенно увидите его представление в девяти цветовых пространствах рядом друг с другом. Конвертер автоматически распознаёт HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab и именованные цвета CSS, затем вычисляет все остальные представления с полной коррекцией sRGB и стандартным белым точкой D65. Живой визуальный предварительный просмотр и кнопка копирования для каждого значения делают его быстрым инструментом для дизайнеров, разработчиков, команд по печати и всех, кто нуждается в точной цветовой метрике без самостоятельных расчётов.

Как использовать

Введите или вставьте значение цвета в поле Значение цвета . Любое распространённое форматирование подходит: #464aff, rgb(70, 74, 255), hsl(238, 100%, 64%), lab(45 35 -85), oklab(0.5 0.1 -0.05), cmyk(72%, 71%, 0%, 0%), или имя CSS, например cornflowerblue.
Опционально перетащите встроенный выбор цвета для визуального выбора цвета; выбор и текстовое поле остаются синхронизированными.
Формат, распознанный вводом, отображается как значок в предварительном просмотре. Все остальные цветовые пространства заполняются автоматически.
Нажмите значок копирования рядом с любым результатом, чтобы скопировать его в буфер обмена.
The Ближайшее именованное значение CSS Поле показывает ближайшее стандартное значение CSS вместе с расстоянием ΔE76 для быстрого выбора палитры.

Возможности

Девять цветовых пространств одновременно — HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65) и Oklab рядом друг с другом.
Автоматическое распознавание ввода — Вставьте любой формат и парсер определит его, включая современный lab(), lch(), oklab()и именованные цвета CSS.
Точная цветовая метрика — sRGB кодирование/декодирование, матрицы, сбалансированные по Брадфорду, и матрицы Oklab Бьёрна Оттоссона для получения результатов, соответствующих восприятию.
Предварительный просмотр оттенков в реальном времени — Увидите точный отображаемый цвет вместе с его строками HEX и RGB при вводе.
Ближайшее именованное значение CSS — Поиск ΔE76 по полному списку именованных цветов CSS для быстрого визуального обозначения.
Копирование в один клик — У каждой строки вывода есть кнопка копирования, чтобы вы могли сразу переместить значения в файлы дизайна или код.
Полностью клиентская математика — Все вычисления выполняются локально в вашем браузере; никакие значения цвета не отправляются на сервер.

 Часто задаваемые вопросы

Какова разница между CIE LAB и Oklab?

CIE LAB был стандартным цветовым пространством, ориентированным на восприятие, с 1976 года и широко используется в печати и цветовой науке. Oklab, представленный Бьёрном Оттоссоном в 2020 году, был специально настроен для исправления известных недостатков LAB в области равномерности оттенков, особенно в области синего. Oklab обычно даёт более плавные градиенты и более предсказуемые вращения оттенков, поэтому в CSS Color Level 4 он рекомендуется для современной работы с цветами в вебе.
Почему один и тот же цвет имеет разные значения в LAB и XYZ?

CIE XYZ описывает цвет в терминах трёх воображаемых первичных цветов, охватывающих весь видимый диапазон человеческого зрения, с значениями, пропорциональными интенсивности света. CIE LAB — это нелинейное преобразование XYZ, предназначенное для приблизительной равномерности восприятия, поэтому равные числовые расстояния в LAB соответствуют более точно воспринимаемым различиям. Они описывают один и тот же цвет, но XYZ предназначены для научных расчётов, а LAB — для измерения воспринимаемых различий.
Почему CMYK является лишь приближением?

Истинное значение CMYK зависит от конкретных чернил, бумаги и принтера, что зафиксировано в профиле ICC. Оценка CMYK, независимая от устройства, какая производится этим инструментом, применяет простую модель вычитания на основе sRGB и игнорирует физический процесс печати. Она полезна для приблизительных преобразований, но никогда не должна заменять мягкий отпечаток через реальный профиль ICC при необходимости точности.
Что означает значение ΔE рядом с ближайшим именованным цветом?

ΔE (delta E) — это одно число, которое суммирует, насколько два цвета различаются для человеческого наблюдателя в пространстве CIE LAB. ΔE76 — это первоначальная формула 1976 года и именно она отображается в этом инструменте. Как ориентир, значение ΔE менее 1 практически не различимо, менее 2 — почти не заметно при сравнении, а более 10 — явно другой цвет.
Почему некоторые значения LAB или Oklab приводят к отсечённым результатам RGB?

LAB, LCH, Oklab и XYZ могут описывать цвета, выходящие за пределы гаммы sRGB, что означает, что они не могут быть точно отображены на стандартном мониторе. Когда значение RGB после преобразования падает ниже 0 или превышает 255, этот инструмент ограничивает каждый канал в пределах диапазона отображения. Цвет, который виден, — это ближайшее приближение в пределах гаммы, а не точная воспроизведение исходного цвета за пределами гаммы.