Elysia Tools
Навигация
Design
Преобразование значений цвета XYZ в LCH для управления цветом
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Руководство по использованию инструмента
Конвертер XYZ в LCH позволяет быстро и точно преобразовать цветовые координаты из пространства CIE XYZ в перцептивно равномерное пространство LCH, что необходимо для профессиональной работы с цветом и веб-дизайна.
Контекст
Разработчик создает новую дизайн-систему и хочет использовать современные возможности CSS Color Module Level 4.
Проблема
Необходимо перевести базовые значения XYZ, полученные из брендбука, в формат LCH для использования в стилях.
Как использовать
Вставить XYZ значения в поле ввода и выбрать формат 'css'.
format: cssРезультат
Получен готовый код вида lch(50 50 180), который можно сразу вставить в CSS-файл.
Контекст
Дизайнер работает с данными, полученными от колориметра, чтобы проверить соответствие цвета стандарту.
Проблема
Нужно быстро получить числовые значения яркости и насыщенности для сравнения с эталоном.
Как использовать
Вставить данные XYZ и выбрать формат 'labeled'.
format: labeledРезультат
LCH — это цветовая модель, основанная на восприятии человеком, где L означает яркость (Lightness), C — насыщенность (Chroma), а H — оттенок (Hue).
LCH является перцептивно равномерным пространством, что позволяет изменять яркость или насыщенность цвета, сохраняя его визуальный оттенок неизменным.
Да, вы можете вставить несколько наборов значений XYZ, каждый с новой строки, и конвертер обработает их все одновременно.
Вы можете выбрать стандартный формат CSS (lch(L C H)), компактный формат lch(L,C,H), простые значения через запятую или маркированный список.
Нет, инструмент работает полностью в браузере и не требует регистрации или установки дополнительного ПО.
Design
Преобразование значений цвета Adobe RGB в формат HSL для дизайн-работ
Получены четкие значения L, C и H, что позволяет оценить, насколько цвет соответствует заданным параметрам яркости.