Elysia Tools
Навигация
Design
Преобразование значений цвета XYZ в HSL для отображения на экране
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Руководство по использованию инструмента
Конвертер XYZ в HSL позволяет быстро преобразовать значения из цветового пространства CIE XYZ в формат HSL, который удобнее использовать при веб-разработке и настройке параметров цвета на экранах.
Контекст
Разработчик получил техническую спецификацию бренда в координатах XYZ.
Проблема
Нужно быстро перевести эти данные в CSS-совместимый формат HSL для использования в стилях сайта.
Как использовать
Вставить список XYZ значений в поле ввода и выбрать формат 'css'.
format: cssРезультат
Получен готовый список значений вида hsl(210, 50%, 80%), который можно сразу вставить в CSS-файл.
Контекст
Дизайнер работает с данными цветового профиля, полученными из измерительного прибора.
Проблема
Необходимо понять параметры яркости и насыщенности для создания градиентов.
Как использовать
Ввести XYZ значения и выбрать формат 'labeled' для наглядного отображения H, S и L.
format: labeledРезультат
Это математическая модель, разработанная CIE, которая описывает все цвета, видимые человеческим глазом, и часто используется как база для других цветовых пространств.
HSL (оттенок, насыщенность, яркость) интуитивно понятен человеку, что позволяет легко настраивать вариации цвета в CSS, в отличие от абстрактных координат XYZ.
Инструмент поддерживает ввод в виде координат xyz(x,y,z), разделенных запятыми чисел или формата с префиксами X, Y, Z.
Да, вы можете вставить список значений, каждое с новой строки, и конвертер обработает их все за один раз.
Нет, точность остается высокой, меняется только способ отображения данных для удобства копирования в ваш код или графический редактор.
Design
Преобразование значений цвета Adobe RGB в формат HSL для дизайн-работ
Получены четкие параметры H, S и L, что позволило дизайнеру скорректировать насыщенность для лучшей читаемости текста.