# Преобразователь цветовых форматов Преобразуйте цвет между форматами HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK и Display P3. Выберите исходный и целевой форматы, введите значение в синтаксисе CSS или просто числами и получите результат, готовый для CSS, рассчитанный с помощью библиотеки culori. Цвета за пределами целевого цветового охвата преобразуются согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между кодом и инструментами дизайна. ## Часто задаваемые вопросы ### Между какими форматами можно выполнять преобразование? Десять форматов: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK и Display P3. Любой из них можно выбрать в качестве исходного или целевого формата — всего доступно 90 направлений преобразования. Результаты используют современный синтаксис CSS Color 4, например rgb(255 136 0) или oklch(0.7442 0.1812 56.46). ### Как ввести исходный цвет? Введите полную запись CSS исходного формата, например hsl(32 100% 50%) или color(display-p3 1 0.5 0), либо только числа, например 32, 100%, 50%, если выбран HSL. Шестнадцатеричные коды принимаются как с #, так и без него; допустимая длина — 3, 4, 6 или 8 цифр. Значение должно соответствовать выбранному исходному формату, поэтому значение rgb() на странице HSL будет отклонено, чтобы избежать ошибочного преобразования. ### Как выполняется преобразование CMYK? В culori нет режима CMYK, поэтому конвертер применяет стандартную упрощенную формулу к значениям sRGB от 0 до 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), аналогично для M и Y. Обратное преобразование выполняется по формуле R = (1 - C) x (1 - K) и так далее. Это не преобразование с профилем ICC, поэтому результат не совпадет с выводом конкретного печатного станка или на конкретной бумаге; используйте его для приблизительной экранной оценки и черновых спецификаций. ### Как указать входное значение CMYK? Используйте cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) или четыре числа без единиц. Значения со знаком процента трактуются как проценты; значения без единиц — как доли от 0 до 1, если только одно из них не превышает 1. В этом случае все значения считаются процентами, поэтому 0, 47, 100, 0 обрабатывается как ожидается. Результат CMYK всегда записывается в процентах с точностью до двух десятичных знаков. ### Что происходит с цветами за пределами целевого цветового охвата? Lab, LCH, OKLab, OKLCH и Display P3 могут описывать цвета, которые sRGB не способен отобразить. Если целевой формат — HEX, RGB, HSL, HWB или CMYK (все они используют sRGB) либо Display P3, цвет за пределами охвата преобразуется алгоритмом CSS Color 4: насыщенность OKLCH уменьшается до тех пор, пока цвет не попадет в охват, и к результату добавляется примечание. Целевые форматы Lab, LCH, OKLab и OKLCH не ограничены по охвату и никогда не преобразуются таким образом. ### Сохраняется ли прозрачность? Да, для всех целевых форматов, кроме CMYK. Значение альфа-канала во входных данных, например rgb(255 136 0 / 50%) или #ff880080, записывается как / 0.5 внутри функций CSS и как 8-значный шестнадцатеричный код. В CMYK нет альфа-канала, поэтому при преобразовании в этот формат он отбрасывается. ### Насколько точны результаты? Каналы RGB округляются до целых чисел от 0 до 255; проценты HSL, HWB и CMYK, а также значения Lab и LCH — до двух десятичных знаков; значения OKLab, светлота и насыщенность OKLCH и каналы Display P3 — до четырех десятичных знаков; оттенок — до двух десятичных знаков. Все вычисления выполняются с полной двойной точностью до округления, поэтому при обратном преобразовании результат отличается от исходного не больше, чем на величину округления. ### Какие пространства Lab и LCH использует конвертер? CIELAB и CIE LCH с белой точкой D50 — точно по определению функций CSS lab() и lch(), с адаптацией Брэдфорда от белой точки D65 в sRGB. Светлота принимает значения от 0 до 100. OKLab и OKLCH — перцептивные цветовые пространства Бьорна Оттоссона, используемые в CSS oklab() и oklch(), со светлотой от 0 до 1. ### Можно ли преобразовать несколько цветов за раз? Форма на странице преобразует по одному цвету за раз. Клиенты, напрямую вызывающие инструмент, могут отправлять до 100 цветов, по одному на строку, и получать по одному преобразованному значению на строку в том же порядке. Длина каждого цвета не должна превышать 100 символов. ### Почему для серых цветов оттенок равен 0? У нейтральных цветов нет оттенка, который CSS может записать как none. Конвертер вместо этого указывает 0, чтобы значение также работало в инструментах, которые не принимают none. Оттенок не влияет на вид цвета, если насыщенность или цветность равна нулю. ## Сопутствующие инструменты ### [HEX - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-rgb/) Преобразуйте цвета HEX в RGB за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент RGB, округленный для CSS и рассчитанный с помощью библиотеки culori. Если RGB не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. ### [HEX - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-hsl/) Преобразуйте цвета HEX в HSL за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент HSL, округленный для CSS и рассчитанный с помощью библиотеки culori. Если HSL не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. ### [HEX - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-hwb/) Преобразуйте цвета HEX в HWB за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент HWB, округленный для CSS и рассчитанный с помощью библиотеки culori. Если HWB не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. ### [HEX - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-lab/) Преобразуйте цвета HEX в Цветовое пространство CIELAB за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент Цветовое пространство CIELAB, округленный для CSS и рассчитанный с помощью библиотеки culori. Если Цветовое пространство CIELAB не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. ### [HEX - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-lch/) Преобразуйте цвета HEX в CIE LCH за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент CIE LCH, округленный для CSS и рассчитанный с помощью библиотеки culori. Если CIE LCH не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. ### [HEX - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-oklab/) Преобразуйте цвета HEX в Цветовое пространство OKLab за один шаг. Введите значение HEX в синтаксисе CSS или просто числами и получите точный эквивалент Цветовое пространство OKLab, округленный для CSS и рассчитанный с помощью библиотеки culori. Если Цветовое пространство OKLab не может отобразить цвет, он преобразуется в ближайший цвет внутри охвата согласно спецификации CSS Color 4. Инструмент создан для разработчиков и дизайнеров, которые переносят цвета между таблицами стилей, инструментами дизайна и спецификациями. **Показать все связанные инструменты (90)** - [HEX - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-oklch/) - [HEX - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-cmyk/) - [HEX - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hex-to-p3/) - [RGB - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-hex/) - [RGB - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-hsl/) - [RGB - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-hwb/) - [RGB - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-lab/) - [RGB - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-lch/) - [RGB - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-oklab/) - [RGB - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-oklch/) - [RGB - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-cmyk/) - [RGB - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/rgb-to-p3/) - [HSL - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-hex/) - [HSL - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-rgb/) - [HSL - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-hwb/) - [HSL - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-lab/) - [HSL - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-lch/) - [HSL - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-oklab/) - [HSL - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-oklch/) - [HSL - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-cmyk/) - [HSL - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hsl-to-p3/) - [HWB - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-hex/) - [HWB - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-rgb/) - [HWB - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-hsl/) - [HWB - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-lab/) - [HWB - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-lch/) - [HWB - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-oklab/) - [HWB - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-oklch/) - [HWB - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-cmyk/) - [HWB - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/hwb-to-p3/) - [Цветовое пространство CIELAB - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-hex/) - [Цветовое пространство CIELAB - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-rgb/) - [Цветовое пространство CIELAB - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-hsl/) - [Цветовое пространство CIELAB - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-hwb/) - [Цветовое пространство CIELAB - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-lch/) - [Цветовое пространство CIELAB - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-oklab/) - [Цветовое пространство CIELAB - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-oklch/) - [Цветовое пространство CIELAB - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-cmyk/) - [Цветовое пространство CIELAB - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lab-to-p3/) - [CIE LCH - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-hex/) - [CIE LCH - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-rgb/) - [CIE LCH - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-hsl/) - [CIE LCH - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-hwb/) - [CIE LCH - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-lab/) - [CIE LCH - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-oklab/) - [CIE LCH - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-oklch/) - [CIE LCH - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/lch-to-p3/) - [Цветовое пространство OKLab - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-hex/) - [Цветовое пространство OKLab - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-rgb/) - [Цветовое пространство OKLab - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-hsl/) - [Цветовое пространство OKLab - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-hwb/) - [Цветовое пространство OKLab - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-lab/) - [Цветовое пространство OKLab - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-lch/) - [Цветовое пространство OKLab - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-oklch/) - [Цветовое пространство OKLab - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-cmyk/) - [Цветовое пространство OKLab - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklab-to-p3/) - [Цветовое пространство OKLCH - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-hex/) - [Цветовое пространство OKLCH - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-rgb/) - [Цветовое пространство OKLCH - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-hsl/) - [Цветовое пространство OKLCH - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-hwb/) - [Цветовое пространство OKLCH - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-lab/) - [Цветовое пространство OKLCH - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-lch/) - [Цветовое пространство OKLCH - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-oklab/) - [Цветовое пространство OKLCH - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-cmyk/) - [Цветовое пространство OKLCH - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/oklch-to-p3/) - [Цветовая модель CMYK - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-hex/) - [Цветовая модель CMYK - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-rgb/) - [Цветовая модель CMYK - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-hsl/) - [Цветовая модель CMYK - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-hwb/) - [Цветовая модель CMYK - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-lab/) - [Цветовая модель CMYK - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-lch/) - [Цветовая модель CMYK - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-oklab/) - [Цветовая модель CMYK - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-oklch/) - [Цветовая модель CMYK - Цветовое пространство Display P3 Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/cmyk-to-p3/) - [Цветовое пространство Display P3 - HEX Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-hex/) - [Цветовое пространство Display P3 - RGB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-rgb/) - [Цветовое пространство Display P3 - HSL Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-hsl/) - [Цветовое пространство Display P3 - HWB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-hwb/) - [Цветовое пространство Display P3 - Цветовое пространство CIELAB Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-lab/) - [Цветовое пространство Display P3 - CIE LCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-lch/) - [Цветовое пространство Display P3 - Цветовое пространство OKLab Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-oklab/) - [Цветовое пространство Display P3 - Цветовое пространство OKLCH Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-oklch/) - [Цветовое пространство Display P3 - Цветовая модель CMYK Преобразователь цветовых форматов](https://oneclick.pro/ru/tool/color-format-converter/p3-to-cmyk/) Ваша реклама здесь? [Напишите нам по электронной почте](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)