Elysia Tools
Навигация
Design
Преобразование значений цвета sRGB в LCH для управления цветом с поддержкой альфа-канала
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Готово к запуску
Руководство по использованию инструмента
Конвертер sRGB в LCH позволяет точно преобразовывать цвета из стандартного пространства sRGB в перцептивно равномерное цветовое пространство LCH, обеспечивая корректную работу с яркостью, насыщенностью и оттенком.
Контекст
Разработчик переводит дизайн-систему на современные стандарты CSS.
Проблема
Необходимо перевести корпоративный бренд-цвет из HEX в LCH для использования в функции color-mix().
Как использовать
Вставить HEX-код #FF0080 в поле ввода и выбрать формат вывода 'css'.
format: cssРезультат
Получено значение lch(54.29 106.84 313.25), готовое для вставки в CSS-код.
Контекст
Дизайнер работает с полупрозрачными кнопками, которые нужно наложить на белый фон.
Проблема
Нужно получить точный цвет, который получится при наложении полупрозрачного цвета на белый фон.
Как использовать
Ввести rgba(255, 0, 128, 0.5), выбрать обработку альфа-канала 'Композит с белым фоном'.
alphaHandling: whiteLCH является перцептивно равномерным пространством, что означает, что изменение числовых значений в нем лучше соответствует тому, как человеческий глаз воспринимает изменение яркости и насыщенности.
Вы можете выбрать композицию с белым или черным фоном, задать собственный цвет фона или полностью игнорировать альфа-канал.
Да, инструмент распознает HEX-коды, включая форматы с альфа-каналом (например, #FF008080).
Да, вы можете вводить список цветов, по одному на каждой строке, для пакетной обработки.
Для использования в современных стилях CSS рекомендуется выбрать формат 'css', который возвращает синтаксис lch(L C H).
Design
Преобразование значений цвета Adobe RGB в формат HSL для дизайн-работ
Результат
Инструмент автоматически рассчитал результирующий цвет и конвертировал его в LCH.