# Колірний простір OKLCH до HEX Конвертер форматів кольору

Перетворюйте кольори Колірний простір OKLCH на HEX за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент HEX, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо HEX не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації 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. Відтінок не має видимого впливу, якщо насиченість або колориметрична насиченість дорівнює нулю.

## Суміжні інструменти

### [Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/)

Перетворюйте колір між HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK і Display P3. Виберіть вихідний і цільовий формати, введіть значення в синтаксисі CSS або як окремі числа й отримайте результат, готовий для CSS, розрахований за допомогою бібліотеки culori. Кольори поза цільовим колірним охопленням відображаються відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між кодом і інструментами дизайну.

### [Колірний простір OKLCH до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-rgb/)

Перетворюйте кольори Колірний простір OKLCH на RGB за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент RGB, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо RGB не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між таблицями стилів, інструментами дизайну та специфікаціями.

### [Колірний простір OKLCH до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-hsl/)

Перетворюйте кольори Колірний простір OKLCH на HSL за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент HSL, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо HSL не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між таблицями стилів, інструментами дизайну та специфікаціями.

### [Колірний простір OKLCH до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-hwb/)

Перетворюйте кольори Колірний простір OKLCH на HWB за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент HWB, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо HWB не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між таблицями стилів, інструментами дизайну та специфікаціями.

### [Колірний простір OKLCH до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-lab/)

Перетворюйте кольори Колірний простір OKLCH на Колірний простір CIELAB за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент Колірний простір CIELAB, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо Колірний простір CIELAB не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між таблицями стилів, інструментами дизайну та специфікаціями.

### [Колірний простір OKLCH до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-lch/)

Перетворюйте кольори Колірний простір OKLCH на CIE LCH за один крок. Введіть значення Колірний простір OKLCH у синтаксисі CSS або як окремі числа й отримайте точний еквівалент CIE LCH, округлений для CSS і розрахований за допомогою бібліотеки culori. Якщо CIE LCH не може відобразити колір, його буде замінено на найближчий у межах колірного охоплення відповідно до специфікації CSS Color 4. Інструмент створено для розробників і дизайнерів, які переносять кольори між таблицями стилів, інструментами дизайну та специфікаціями.

**Показати всі 90 пов’язаних інструментів**

- [Колірний простір OKLCH до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-oklab/)
- [Колірний простір OKLCH до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-cmyk/)
- [Колірний простір OKLCH до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklch-to-p3/)
- [RGB до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-hex/)
- [HSL до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-hex/)
- [HWB до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-hex/)
- [Колірний простір CIELAB до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-hex/)
- [CIE LCH до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-hex/)
- [Колірний простір OKLab до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-hex/)
- [Кольорова модель CMYK до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-hex/)
- [Колірний простір Display P3 до HEX Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-hex/)
- [HEX до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-rgb/)
- [HEX до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-hsl/)
- [HEX до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-hwb/)
- [HEX до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-lab/)
- [HEX до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-lch/)
- [HEX до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-oklab/)
- [HEX до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-oklch/)
- [HEX до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-cmyk/)
- [HEX до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hex-to-p3/)
- [RGB до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-hsl/)
- [RGB до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-hwb/)
- [RGB до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-lab/)
- [RGB до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-lch/)
- [RGB до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-oklab/)
- [RGB до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-oklch/)
- [RGB до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-cmyk/)
- [RGB до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/rgb-to-p3/)
- [HSL до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-rgb/)
- [HSL до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-hwb/)
- [HSL до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-lab/)
- [HSL до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-lch/)
- [HSL до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-oklab/)
- [HSL до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-oklch/)
- [HSL до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-cmyk/)
- [HSL до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hsl-to-p3/)
- [HWB до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-rgb/)
- [HWB до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-hsl/)
- [HWB до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-lab/)
- [HWB до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-lch/)
- [HWB до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-oklab/)
- [HWB до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-oklch/)
- [HWB до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-cmyk/)
- [HWB до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/hwb-to-p3/)
- [Колірний простір CIELAB до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-rgb/)
- [Колірний простір CIELAB до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-hsl/)
- [Колірний простір CIELAB до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-hwb/)
- [Колірний простір CIELAB до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-lch/)
- [Колірний простір CIELAB до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-oklab/)
- [Колірний простір CIELAB до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-oklch/)
- [Колірний простір CIELAB до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-cmyk/)
- [Колірний простір CIELAB до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lab-to-p3/)
- [CIE LCH до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-rgb/)
- [CIE LCH до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-hsl/)
- [CIE LCH до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-hwb/)
- [CIE LCH до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-lab/)
- [CIE LCH до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-oklab/)
- [CIE LCH до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-oklch/)
- [CIE LCH до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-cmyk/)
- [CIE LCH до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/lch-to-p3/)
- [Колірний простір OKLab до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-rgb/)
- [Колірний простір OKLab до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-hsl/)
- [Колірний простір OKLab до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-hwb/)
- [Колірний простір OKLab до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-lab/)
- [Колірний простір OKLab до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-lch/)
- [Колірний простір OKLab до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-oklch/)
- [Колірний простір OKLab до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-cmyk/)
- [Колірний простір OKLab до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/oklab-to-p3/)
- [Кольорова модель CMYK до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-rgb/)
- [Кольорова модель CMYK до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-hsl/)
- [Кольорова модель CMYK до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-hwb/)
- [Кольорова модель CMYK до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-lab/)
- [Кольорова модель CMYK до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-lch/)
- [Кольорова модель CMYK до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-oklab/)
- [Кольорова модель CMYK до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-oklch/)
- [Кольорова модель CMYK до Колірний простір Display P3 Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/cmyk-to-p3/)
- [Колірний простір Display P3 до RGB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-rgb/)
- [Колірний простір Display P3 до HSL Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-hsl/)
- [Колірний простір Display P3 до HWB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-hwb/)
- [Колірний простір Display P3 до Колірний простір CIELAB Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-lab/)
- [Колірний простір Display P3 до CIE LCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-lch/)
- [Колірний простір Display P3 до Колірний простір OKLab Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-oklab/)
- [Колірний простір Display P3 до Колірний простір OKLCH Конвертер форматів кольору](https://oneclick.pro/uk/tool/color-format-converter/p3-to-oklch/)
- [Колірний простір Display P3 до Кольорова модель CMYK Конвертер форматів кольору](https://oneclick.pro/uk/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)