Конвертер кольорів 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 використовує лише максимальний канал, тому дві моделі повідомляють різні числа для одного і того самого кольору.
Також відомий як
TG we-Calculate Editorial Team. (2026). Конвертер кольорів RGB в HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/uk/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Конвертер кольорів RGB в HSL." TG we-Calculate. 2026. https://we-calculate.com/uk/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Конвертер кольорів RGB в HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/uk/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/uk/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Чи допоміг вам цей калькулятор?