Convertor RGB în HSL
Convertiți RGB în HSL pe măsură ce tastați — gratuit, instantaneu, cu un exemplu practic și un tabel de culori comune.
Tastați o valoare RGB și citiți valoarea HSL de mai jos, sau alegeți o culoare din selector.
Exemplu practic
RGB 255, 87, 51 = HSL 11, 100%, 60%
Cum funcționează conversia
- HSL descrie aceeași culoare prin nuanță (hue, 0–360° pe cercul culorilor), saturație și luminozitate — util pentru a întuneca sau a desatura o culoare prin modificarea unei singure componente.
Culori comune în RGB și HSL
| Culoare | RGB | HSL |
|---|---|---|
| Roșu | 255, 0, 0 | 0, 100%, 50% |
| Portocaliu | 255, 165, 0 | 39, 100%, 50% |
| Galben | 255, 255, 0 | 60, 100%, 50% |
| Verde | 0, 128, 0 | 120, 100%, 25% |
| Cyan | 0, 255, 255 | 180, 100%, 50% |
| Albastru | 0, 0, 255 | 240, 100%, 50% |
| Violet | 128, 0, 128 | 300, 100%, 25% |
| Roz | 255, 192, 203 | 350, 100%, 88% |
| Maro | 165, 42, 42 | 0, 59%, 41% |
| Alb | 255, 255, 255 | 0, 0%, 100% |
| Gri | 128, 128, 128 | 0, 0%, 50% |
| Negru | 0, 0, 0 | 0, 0%, 0% |
Fiecare conversie rulează direct în browserul dumneavoastră. Nimic din ceea ce introduceți nu este încărcat pe BroBroGo.
Întrebări frecvente
Cum convertesc RGB în HSL?
Tastați sau lipiți valoarea RGB mai sus — valoarea HSL se actualizează pe măsură ce tastați. De asemenea, puteți alege culoarea vizual folosind selectorul.
Este conversia exactă?
Valorile sunt rotunjite la numere întregi, formatul pe care îl așteaptă CSS-ul și instrumentele de design. Diferența rămâne mult sub pragul de sesizabilitate al ochiului uman.