Elysia Tools
Навигация
Design
Преобразование значений цвета HSL в RGB для отображения на экране
Запуск
Заполните форму, запустите инструмент и посмотрите результат на этой же странице.
Примеры
Связано
Руководство по использованию инструмента
Конвертер HSL в RGB — это быстрый и удобный инструмент для преобразования цветовых значений из модели HSL (оттенок, насыщенность, яркость) в формат RGB, который используется в веб-разработке и графическом дизайне.
Контекст
Дизайнер предоставил палитру в формате HSL, но для проекта требуются значения в формате CSS rgb().
Проблема
Необходимость вручную пересчитывать каждый цвет, что занимает много времени и чревато ошибками.
Как использовать
Вставьте список HSL-значений в поле ввода и выберите формат 'rgb(255, 0, 0)'.
format: rgbРезультат
Получен готовый список цветов, который можно сразу скопировать в файл стилей.
Контекст
Для создания эффекта наложения требуется преобразовать полупрозрачный цвет из HSL в RGBA.
Проблема
Сложность вычисления альфа-канала при конвертации вручную.
Как использовать
Введите значение hsla(200, 50%, 50%, 0.5) и выберите формат 'css'.
format: cssРезультат
HSL — это модель представления цвета, основанная на трех параметрах: Hue (оттенок), Saturation (насыщенность) и Lightness (яркость).
Да, инструмент корректно обрабатывает значения HSLA и преобразует их в соответствующие форматы RGBA.
Вы можете выбрать вывод в виде простых чисел, стандартных функций rgb()/rgba(), CSS-формата или с текстовыми метками R, G, B.
Да, вы можете вводить несколько значений HSL, разделяя их переносом строки, и получить список преобразованных цветов.
Нет, инструмент полностью бесплатен и доступен без необходимости создания учетной записи.
Design
Преобразование значений цвета Adobe RGB в формат HSL для дизайн-работ
Инструмент выдал корректное значение rgba(64, 159, 191, 0.5), готовое к использованию в CSS.