Elysia Tools
Навигация
Design
Преобразование значений цвета HSL в LCH для управления цветом с поддержкой альфа-канала
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Готово к запуску
Руководство по использованию инструмента
Конвертер HSL в LCH позволяет точно преобразовать цветовые значения из модели HSL в перцептивно равномерное пространство LCH, обеспечивая корректную работу с цветом в современных веб-интерфейсах и дизайн-системах.
Контекст
Дизайнер переводит дизайн-систему на современные CSS-цвета.
Проблема
Необходимо получить точное значение LCH для красного цвета hsl(0, 100%, 50%).
Как использовать
Ввести 'hsl(0, 100%, 50%)' в поле ввода и выбрать формат 'css'.
format: cssРезультат
Получено значение lch(54.29 106.85 40.85), готовое для вставки в CSS-файл.
Контекст
Разработчик работает с полупрозрачными кнопками, которые нужно перевести в LCH.
Проблема
Нужно учесть прозрачность 0.5 при конвертации цвета.
Как использовать
Ввести 'hsla(240, 100%, 50%, 0.5)', выбрать 'Композит с белым фоном'.
alphaHandling: whiteРезультат
Цвет был смешан с белым фоном, что позволило получить корректное непрозрачное значение LCH для использования в дизайне.
LCH является перцептивно равномерным пространством, что означает, что изменение значений в нем лучше соответствует тому, как человеческий глаз воспринимает яркость и насыщенность цвета.
Вы можете выбрать композицию с белым или черным фоном, задать собственный цвет фона или полностью игнорировать альфа-канал при конвертации.
Да, вы можете вводить несколько значений HSL, по одному на каждой строке, и конвертер обработает их все сразу.
Для использования в современных стилях CSS рекомендуется выбрать формат 'lch(50 50 180)', который соответствует актуальному синтаксису спецификаций.
Нет, инструмент работает полностью в браузере, не требуя установки или отправки данных на сервер.