Категории

← View All Tools

Конвертер HSL в XYZ

Преобразование значений цвета HSL в XYZ для управления цветом с поддержкой альфа-канала

Пользовательский цвет фона для альфа-композиции (используется при выборе пользовательского фона)

Ключевые факты

Категория
Design
Типы входных данных
textarea, select, color
Тип результата
text
Покрытие примерами
3
API доступен
Yes

Обзор

Конвертер HSL в XYZ позволяет точно преобразовывать цветовые значения из модели HSL в пространство CIE XYZ, обеспечивая профессиональное управление цветом и поддержку обработки прозрачности (альфа-канала).

Когда использовать

  • •При подготовке цветовых профилей для систем управления цветом (CMS), требующих пространства CIE XYZ.
  • •Когда необходимо перевести веб-цвета HSL в стандартизированные координаты для печати или промышленного дизайна.
  • •При работе с полупрозрачными элементами, где требуется корректный расчет итогового цвета с учетом фона.

Как это работает

  • •Введите значения HSL в любом удобном формате, включая поддержку альфа-канала.
  • •Выберите желаемый формат вывода (например, стандартный XYZ, CSS-синтаксис или чистые числовые значения).
  • •Настройте способ обработки прозрачности, выбрав композицию с белым, черным или пользовательским фоном.
  • •Нажмите кнопку конвертации для получения точных координат XYZ.

Сценарии использования

Подготовка цветовых данных для калибровки мониторов и печатного оборудования.
Преобразование веб-палитр в независимые от устройств цветовые координаты.
Расчет точных значений цвета для графических движков, использующих CIE XYZ.

Примеры

1. Конвертация веб-цвета в XYZ

Веб-дизайнер
Контекст
Дизайнеру нужно перевести основной цвет бренда hsl(210, 100%, 50%) в пространство XYZ для технической документации.
Проблема
Необходим точный перевод HSL в стандарт CIE XYZ без учета прозрачности.
Как использовать
Введите 'hsl(210, 100%, 50%)' в поле ввода, выберите формат 'xyz(X,Y,Z)' и установите 'Игнорировать альфа-канал'.
Результат
Получены точные координаты XYZ, соответствующие заданному оттенку синего.

2. Обработка полупрозрачного элемента

Разработчик интерфейсов
Контекст
Требуется узнать итоговый цвет полупрозрачной кнопки (hsla(0, 100%, 50%, 0.5)) на белом фоне для системы управления цветом.
Проблема
Необходимо вычислить результирующий цвет с учетом наложения на белый фон.
Как использовать
Введите 'hsla(0, 100%, 50%, 0.5)', выберите 'Композит с белым фоном' и формат 'X:X Y:Y Z:Z'.
Результат
Инструмент рассчитал итоговое значение XYZ, учитывающее 50% прозрачность исходного красного цвета на белой подложке.

Проверить на примерах

design
Примеры Hex/Unicode Конвертера
Тестовые примеры для преобразования hex и unicode escape-последовательностей
task convert
sample
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
keywords screen
sample
Примеры Конвертера Регистра
Тестовые примеры для конвертации регистра между различными соглашениями об именовании
task convert
sample

Связанные хабы

Инструменты Design для Convert
Изучите 98 инструментов design для сценариев convert и быстро сравните близкие утилиты.
Инструменты Design для Generate
Изучите 19 инструментов design для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.

FAQ

Что такое пространство XYZ?

Это математическая модель цвета, разработанная CIE, которая описывает все цвета, видимые человеческим глазом, и служит основой для многих других цветовых пространств.

Как инструмент обрабатывает альфа-канал?

Инструмент выполняет композицию цвета: он смешивает полупрозрачный исходный цвет с выбранным фоном (белым, черным или вашим цветом), чтобы получить итоговое значение XYZ.

Можно ли конвертировать несколько цветов одновременно?

Да, вы можете вводить список значений HSL, каждое с новой строки, и конвертер обработает их все за один раз.

Какой формат вывода выбрать для CSS?

Используйте опцию 'CSS (xyz(X Y Z))', которая соответствует современным стандартам записи цветов в таблицах стилей.

Нужно ли указывать альфа-канал в HSL?

Нет, это необязательно. Если альфа-канал не указан, инструмент будет использовать значение непрозрачности по умолчанию (1.0).

Документация API

Конечная точка запроса

POST /ru/api/tools/hsl-to-xyz-converter

Параметры запроса

Имя параметра Тип Обязательно Описание
hsl textarea Да -
format select Да -
alphaHandling select Да -
customBackground color Нет Пользовательский цвет фона для альфа-композиции (используется при выборе пользовательского фона)

Формат ответа

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Текст: Текст

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-hsl-to-xyz-converter": {
      "name": "hsl-to-xyz-converter",
      "description": "Преобразование значений цвета HSL в XYZ для управления цветом с поддержкой альфа-канала",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=hsl-to-xyz-converter",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]