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

Конвертер HSL в RGB – точное преобразование цветов

Наш онлайн-конвертер HSL в RGB позволяет мгновенно преобразовать цветовые значения из формата HSL (оттенок, насыщенность, светлота) в RGB (красный, зеленый, синий). Это удобный инструмент для веб-дизайнеров, разработчиков и графических дизайнеров, работающих с цифровыми цветами.

Что такое цветовая модель HSL?

• 🎨 Оттенок (H, Hue) – градус на цветовом круге (0–360°).
• 🌟 Насыщенность (S, Saturation) – интенсивность цвета (0–100%).
• 💡 Светлота (L, Lightness) – яркость цвета (0–100%).

Синтаксис HSL в CSS:

hsl(оттенок, насыщенность, светлота)

Примеры цветов HSL:

• hsl(0, 100%, 50%) – 🔴 красный
• hsl(120, 100%, 50%) – 🟢 зеленый
• hsl(240, 100%, 50%) – 🔵 синий
• hsl(60, 100%, 50%) – 🟡 желтый

Что такое RGB?

RGB – это цветовая модель, основанная на смешивании красного (R), зеленого (G) и синего (B) цветов.

• 🔹 Минимальное значение для каждого цвета – 0.
• 🔹 Максимальное значение – 255.
• 🔹 Используется в экранах, веб-дизайне и цифровых изображениях.

Синтаксис RGB в CSS:

rgb(красный, зеленый, синий)

Как преобразовать HSL в RGB?

1. 🔹 Введите значения H (0-360°), S (0-100%) и L (0-100%).
2. 🔹 Нажмите кнопку «Конвертировать в RGB».
3. 🔹 Получите значения RGB (0-255, 0-255, 0-255).
4. 🔹 Скопируйте результат и используйте его в своем проекте.

Пример преобразования:

🔹 HSL (0°, 100%, 50%) → RGB (255, 0, 0) (ярко-красный)

🔹 HSL (200°, 50%, 75%) → RGB (153, 204, 255) (светло-голубой)

Что такое RGBA?

RGBA – это расширенная версия RGB, включающая альфа-канал (A), который контролирует прозрачность.

• 🔹 A = 0 – полностью прозрачный цвет.
• 🔹 A = 1 – полностью непрозрачный цвет.
• 🔹 A = 0.5 – полупрозрачный цвет.

Синтаксис RGBA в CSS:

rgba(красный, зеленый, синий, альфа)

Где применяется конвертер HSL в RGB?

• 📱 Веб-дизайн – настройка цветов в CSS.
• 🎨 Графический дизайн – работа с палитрами.
• 🖥️ Разработка UI/UX – точная настройка цвета интерфейсов.
• 📊 Создание цветовых схем – градиенты и цветокоррекция.

Попробуйте прямо сейчас!

Используйте онлайн-конвертер и мгновенно преобразуйте цвета из HSL в RGB для своих проектов.