Elysia Tools
Навигация
Design
Преобразование значений цвета HSL в XYZ для управления цветом с поддержкой альфа-канала
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Готово к запуску
Руководство по использованию инструмента
Конвертер HSL в XYZ позволяет точно преобразовывать цветовые значения из модели HSL в пространство CIE XYZ, обеспечивая профессиональное управление цветом и поддержку обработки прозрачности (альфа-канала).
Контекст
Дизайнеру нужно перевести основной цвет бренда hsl(210, 100%, 50%) в пространство XYZ для технической документации.
Проблема
Необходим точный перевод HSL в стандарт CIE XYZ без учета прозрачности.
Как использовать
Введите 'hsl(210, 100%, 50%)' в поле ввода, выберите формат 'xyz(X,Y,Z)' и установите 'Игнорировать альфа-канал'.
Результат
Получены точные координаты XYZ, соответствующие заданному оттенку синего.
Контекст
Требуется узнать итоговый цвет полупрозрачной кнопки (hsla(0, 100%, 50%, 0.5)) на белом фоне для системы управления цветом.
Проблема
Необходимо вычислить результирующий цвет с учетом наложения на белый фон.
Как использовать
Введите 'hsla(0, 100%, 50%, 0.5)', выберите 'Композит с белым фоном' и формат 'X:X Y:Y Z:Z'.
Результат
Инструмент рассчитал итоговое значение XYZ, учитывающее 50% прозрачность исходного красного цвета на белой подложке.
Это математическая модель цвета, разработанная CIE, которая описывает все цвета, видимые человеческим глазом, и служит основой для многих других цветовых пространств.
Инструмент выполняет композицию цвета: он смешивает полупрозрачный исходный цвет с выбранным фоном (белым, черным или вашим цветом), чтобы получить итоговое значение XYZ.
Да, вы можете вводить список значений HSL, каждое с новой строки, и конвертер обработает их все за один раз.
Используйте опцию 'CSS (xyz(X Y Z))', которая соответствует современным стандартам записи цветов в таблицах стилей.
Нет, это необязательно. Если альфа-канал не указан, инструмент будет использовать значение непрозрачности по умолчанию (1.0).