Конвертор от 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) тонът и наситеността са нула и се променя само светлотата. Преобразуването е точно и без загуби, ако се изключи показаното закръгляне на процентите.
Често задавани въпроси
Когато R, G и B са еднакви, цветът е нюанс на сивото, така че цветността (max − min) е нула. Без цветово съдържание няма тон или наситеност — променя се само светлотата от черно до бяло.
Тонът се отчита в градуси от 0 до 360°, докато наситеността и светлотата са проценти от 0% до 100%. Това съответства на CSS нотацията hsl(), така че можете да поставите стойностите директно в стиловите листове.
Не. Светлотата в HSL е средната стойност на най-светлия и най-тъмния канал, така че чистите цветове са при 50% светлота. Стойността (value) в HSV използва само максималния канал, така че двата модела отчитат различни числа за един и същ цвят.
Известен също като
TG we-Calculate Editorial Team. (2026). Конвертор от RGB към HSL цвят [Online calculator]. TG we-Calculate. https://we-calculate.com/bg/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Конвертор от RGB към HSL цвят." TG we-Calculate. 2026. https://we-calculate.com/bg/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Конвертор от RGB към HSL цвят," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/bg/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/bg/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Помогна ли ви този калкулатор?