Инструмент преобразования RGB в HSL

Red:

Green:

Blue:

HSL:
HEX:

Инструмент конвертации цвета

Преобразование RGB в HSL

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

Преобразование из RGB в HSL выполняется с использованием математических вычислений. Сначала значения RGB нормализуются, затем вычисляются значения HSL. Этот процесс широко применяется в областях обработки изображений и веб-дизайна, а также полезен для преобразования и настройки цветов.

Преобразование из RGB в HSL - это важный инструмент для понимания способов представления цвета и управления им в визуальном дизайне. С его помощью можно экспериментировать с разными комбинациями оттенков, насыщенности и светлоты, что позволяет достичь более насыщенного цветового воспроизведения.

Список кодов цветов RGB и HSL

Название цвета

Код цвета RGB

Код цвета HSL

Цвет

Красный

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Зеленый

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Синий

rgb(0, 0, 255)

hsl(240, 100%, 50%)

Желтый

rgb(255, 255, 0)

hsl(60, 100%, 50%)

Фиолетовый

rgb(128, 0, 128)

hsl(300, 100%, 25%)

Формулы преобразования RGB в HSL

Формулы преобразования из RGB в HSL

Ввод (R, G, B)

Вывод (H, S, L)

0 ≤ R, G, B ≤ 1

0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1

1. Нахождение максимального и минимального значений:

 Cmax = max(R, G, B)
 Cmin = min(R, G, B)
 Δ = Cmax - Cmin

2. Вычисление оттенка (H):

 H =
 | (G - B) / Δ , если Cmax = R
 | (B - R) / Δ + 2 , если Cmax = G
 | (R - G) / Δ + 4 , если Cmax = B

При необходимости могут быть внесены корректировки для приведения H к диапазону 360 градусов.

3. Вычисление насыщенности (S):
S = Δ / (1 - |2L - 1|)

4. Вычисление светлоты (L):
L = (Cmax + Cmin) / 2

5. Приведение вычисленного H к диапазону 360 градусов:

 H = H * 60° , если H < 0
 H = H * 60° - 360° , если H ≥ 0

Что такое RGB?

RGB - это аббревиатура, образованная от первых букв цветов: красный (Red), зеленый (Green), синий (Blue). Это одна из моделей цвета в цифровой графике, где различные цвета представлены комбинациями трех основных цветов света: красного, зеленого и синего.

Модель цвета RGB широко используется в цифровых изображениях и на дисплеях электронных устройств. Каждый цвет представлен значениями от 0 до 255 для каждой из составляющих: красного, зеленого и синего. Путем комбинирования этих цветов можно создавать различные оттенки и оттенки.

Что такое HSL?

HSL - это аббревиатура, образованная от первых букв трех характеристик цвета: цветовой тон (Hue), насыщенность (Saturation), светлота (Lightness). Это способ представления цвета, где цветовой тон указывает на тип цвета (красный, зеленый, синий и т. д.), насыщенность - на яркость цвета, а светлота - на его светлоту.

Модель цвета HSL широко используется в дизайне и графике. С ее помощью можно интуитивно регулировать тип цвета, яркость и насыщенность, что полезно при создании и редактировании графических элементов.

Каковы преимущества преобразования RGB в HSL?

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

Кроме того, в области дизайна и графики часто требуется регулировка цветов. Преобразование из RGB в HSL позволяет эффективно проводить мелкую настройку цвета, проверку совместимости цветов и другие операции. Используя HSL, можно более эффективно представлять и проектировать цвета, учитывая их особенности в виде цветового тона, насыщенности и светлоты.