Конвертер HEX в OKLab: живой инструмент цвета
HEX в OKLab конвертирует шестнадцатеричный цвет в OKLab и держит обе стороны синхронизированными при редактировании. Он также принимает распространённые вводы цвета, например #abc, rgb(1 2 3 / 50%) и именованные цвета. Посмотрите образец цвета, скопируйте готовую к вставке строку CSS и проверьте предупреждение о выходе за охват, когда цвет вне sRGB.
Конвертер HEX в OKLab превращает шестнадцатеричный цвет в значение OKLab, с двусторонним редактированием в реальном времени, чтобы можно было работать с любой из сторон. Он также показывает образец цвета и готовую к вставке строку CSS. Парсер принимает распространённые вводы цвета, включая #abc, rgb(1 2 3 / 50%) и именованные цвета, что полезно, когда нужно проверить значение более чем в одной нотации.
Введите цвет, чтобы увидеть, как соответствующее значение обновляется при вводе. Редактирование стороны HEX или OKLab обновляет другую, так что можно изучить цвет без многократного копирования значений между форматами. Инструмент также предупреждает, когда цвет выходит за пределы sRGB; используйте образец и предупреждение для проверки результата.
HEX представляет цвета шестнадцатеричной нотацией, а OKLab — другое представление цвета, которое можно использовать в CSS. Конвертация между ними полезна, когда системе или фрагменту нужен OKLab или когда хотите сравнить значение OKLab с его шестнадцатеричным оригиналом. Копируемая строка CSS упрощает перенос результата в код или документацию.
Этот бесплатный конвертер работает в вашем браузере. Ваш ввод обрабатывается на вашем устройстве; данные не загружаются, не сохраняются и не отправляются на сервер, регистрация не требуется. После загрузки страницы он работает офлайн, поскольку у конвертации нет зависимости от сервера.
Инструмент полезен разработчикам и DevOps-инженерам, проверяющим значения цвета, готовящим фрагменты кода или проверяющим конвертацию перед тем, как поделиться ею. Он также помогает всем, кому нужно перемещаться между HEX и OKLab, держа исходный цвет видимым для сравнения.
Шаг 1: Введите шестнадцатеричный цвет или другое поддерживаемое значение цвета, например #abc, rgb(1 2 3 / 50%) или именованный цвет.
Шаг 2: Проверьте результат OKLab, обновляющийся при вводе. Также можно отредактировать значение OKLab и увидеть, как сторона HEX обновится в реальном времени.
Шаг 3: Проверьте образец цвета и поищите предупреждение о выходе за охват, если цвет выходит за пределы sRGB.
Шаг 4: Скопируйте готовую к вставке строку CSS для использования в коде или документации.
Пример использования: Конвертируйте шестнадцатеричные цвета для системы или workflow, принимающих значения OKLab.
Пример использования: Проверьте, соответствует ли значение OKLab шестнадцатеричному оригиналу, редактируя любую из сторон и сравнивая результат в реальном времени.
Пример использования: Подготовьте шестнадцатеричный цвет и его эквивалент OKLab для документации, тикета или сообщения коммита.
Пример использования: Проверьте конвертацию цвета перед вставкой результата в код.
Пример использования: Просмотрите образец цвета и его представление CSS при работе над таблицей стилей.
Пример использования: Заметьте, когда цвет выходит за пределы sRGB, проверив предупреждение конвертера о выходе за охват.