Конвертер цветов RGB в HSL
Преобразуйте значения каналов красного, зелёного и синего в цветовую модель HSL, получив оттенок в градусах, насыщенность и светлоту в процентах.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Как работает этот калькулятор?
Разделите каждый канал RGB на 255, затем найдите максимум и минимум. Светлота — это их среднее, насыщенность — хрома, делённая на (1 − |2L − 1|), а оттенок определяется доминирующим каналом. Результат HSL: оттенок в градусах, насыщенность и светлота в процентах.
Формула
How this is calculated
Введите три канала RGB (R, G, B), каждый в диапазоне от 0 до 255. Значения ограничиваются этим диапазоном и делятся на 255, так что каждый канал становится дробью между 0 и 1. Наибольшая из трёх дробей — max, наименьшая — min.
Светлота — это середина диапазона значений: L = (max + min) / 2. Хрома d = max − min определяет насыщенность: S = d / (1 − |2L − 1|), которая равна 0 для любого серого, где max равно min. Оттенок определяется из того канала, который является максимальным: красный даёт 60·(((g−b)/d) mod 6), зелёный — 60·((b−r)/d + 2), синий — 60·((r−g)/d + 4); отрицательный результат корректируется прибавлением 360.
Вывод: H в градусах (0–360°), S и L масштабированы до процентов (×100). Для чистых серых цветов (R = G = B) оттенок и насыщенность оба равны 0, и только светлота меняется. Преобразование точное и без потерь, за исключением отображаемого округления процентов.
Часто задаваемые вопросы
Когда R, G и B идентичны, цвет является оттенком серого, поэтому хрома (max − min) равна нулю. При отсутствии цветового содержимого нет ни оттенка, ни насыщенности — только светлота меняется от чёрного к белому.
Оттенок выражается в градусах от 0 до 360°, а насыщенность и светлота — в процентах от 0% до 100%. Это соответствует нотации CSS hsl(), поэтому значения можно вставлять прямо в таблицы стилей.
Нет. Светлота HSL — это среднее самого светлого и самого тёмного каналов, поэтому чистые цвета имеют светлоту 50%. Значение HSV (value) использует только максимальный канал, поэтому для одного и того же цвета обе модели дают разные числа.
Также известен как
TG we-Calculate Editorial Team. (2026). Конвертер цветов RGB в HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/ru/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Конвертер цветов RGB в HSL." TG we-Calculate. 2026. https://we-calculate.com/ru/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Конвертер цветов RGB в HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/ru/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Конвертер цветов RGB в HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/ru/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Этот калькулятор вам помог?