Конвертор от HEX в OKLCH: цветове на живо онлайн
Този конвертор от HEX в OKLCH обновява стойността на цвета на живо, докато редактирате едната или другата страна. Въведете HEX цвят или използвайте поддържани входове като къси HEX, RGB и именувани цветове. Вижте мостра на цвят, копирайте готов CSS и следете за предупреждение за излизане от цветовия обхват, когато даден цвят е извън sRGB.
Конверторът от HEX в OKLCH превръща цветови стойности във формат, който можете да използвате в CSS и друга разработка. Въведете HEX цвят, за да видите неговата стойност в OKLCH, или редактирайте едната страна и наблюдавайте как другата се обновява на живо. Мострата ви помага да прегледате цвета, а инструментът предоставя готов CSS.
Парсерът приема шестнадесетични стойности, включително къси форми като #abc, както и RGB вход като rgb(1 2 3 / 50%) и именувани цветове. Конверторът показва предупреждение, когато даден цвят е извън sRGB. Тези поддържани входове го правят полезен, когато цветова стойност е предоставена във форма, различна от необходимата.
HEX обикновено представя цвета с шестнадесетични стойности на каналите, докато OKLCH изразява цвета чрез светлота, цветност и оттенък. Конвертирането между тях може да помогне, когато проект или работен процес изисква OKLCH вместо HEX. Двупосочното редактиране в реално време също ви позволява да проверите стойност, като промените единия формат и видите обновения резултат.
Конверторът работи изцяло във вашия браузър: вашият вход се обработва на вашето устройство и не се изпраща към сървър. Безплатен е, не изисква регистрация и работи офлайн след зареждане на страницата. Разработчици и DevOps инженери могат да го използват, за да проверяват, подготвят и копират цветови стойности, без да ги изпращат към онлайн услуга.
Стъпка 1: Въведете HEX цвят, например #abc, или друга поддържана цветова стойност като RGB или именуван цвят.
Стъпка 2: Редактирайте входа или стойността в OKLCH, за да видите как другата страна се обновява на живо.
Стъпка 3: Проверете мострата, за да видите цвета визуално, и потърсете предупреждение за излизане от цветовия обхват.
Стъпка 4: Копирайте готовия CSS и го използвайте във вашия код или документация.
Случай на употреба: Конвертирайте HEX цвят в OKLCH, когато дизайн система или таблица със стилове очаква стойност в OKLCH.
Случай на употреба: Проверете дали дадена стойност в OKLCH съответства на получения HEX цвят, като сравните стойностите на живо и мострата.
Случай на употреба: Подгответе HEX и OKLCH цветови фрагменти за документация, заявка или съобщение за commit.
Случай на употреба: Проверете цветовото конвертиране, преди да добавите резултата в код.
Случай на употреба: Проверете дали даден цвят е извън sRGB, като следите предупреждението за излизане от цветовия обхват в конвертора.
Случай на употреба: Редактирайте цветова стойност в който и да е формат и вижте как съответната стойност се обновява на живо, докато работите с CSS.