Как пользоваться: Конвертер OKLCH в HEX
- Вставьте свой цвет, например
oklch(62.8% 0.2577 29.23). - Проверьте примечание о гамме под результатом.
- Скопируйте HEX-значение для запасного варианта или дизайн-инструмента.
Когда нужен перевод OKLCH в HEX?
Некоторые инструменты, почтовые клиенты и старые браузеры не понимают OKLCH. HEX-значение послужит надёжным запасным вариантом:
color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);Браузеры используют последнее значение, которое понимают, поэтому старые браузеры применят HEX.
Что значит «вне гаммы»?
OKLCH может описывать яркие цвета, которые HEX не способен хранить. В таком случае HEX-значение становится ближайшим подходящим вариантом, и на широкогамутном экране цвет может выглядеть немного тусклее.
Также ищут как: oklch в rgb, конвертер oklch.
Инструменты, которые хорошо сочетаются с Конвертер OKLCH в HEX
- Конвертер цвета OKLCH — Изучайте перцептивно равномерное цветовое пространство OKLCH с ползунками в реальном времени, проверяйте, входит ли цвет в sRGB, и копируйте соответствующие запасные значения HEX, RGB и HSL.
- Конвертер HEX в OKLCH — Вставьте HEX-цвет и получите его значение OKLCH для CSS.
- Конвертер цветов — Вставьте любой CSS-цвет — HEX, rgb(), hsl(), hwb(), oklch() или название вроде tomato — и сразу получите все остальные форматы, а также готовую палитру 50–950.
- HEX в RGBA конвертер — Вставьте HEX-код, передвиньте ползунок прозрачности и скопируйте нужный CSS: классический rgba(), современный rgb( / alpha) или 8-значный HEX.
Часто задаваемые вопросы
Почему HEX-цвет выглядит иначе?
Цвет OKLCH может выходить за пределы sRGB, поэтому HEX показывает ближайший цвет, который может отобразить.
Можно ли использовать OKLCH в Figma?
Поддержка зависит от версии и плагинов. Самый надёжный способ перенести цвет в дизайн-инструмент — HEX.
Мои данные загружаются на сервер?
Нет. Всё работает в вашем браузере.
Можно ли установить Конвертер OKLCH в HEX как веб-приложение и пользоваться им офлайн?
Да. Конвертер OKLCH в HEX — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.