Convertor HEX în HSL
Convertiți HEX în HSL pe măsură ce tastați — gratuit, instantaneu, cu un exemplu practic și un tabel de culori comune.
Tastați o valoare HEX și citiți valoarea HSL de mai jos, sau alegeți o culoare din selector.
Exemplu practic
HEX #ff5733 = HSL 11, 100%, 60%
Cum funcționează conversia
- Un cod HEX reprezintă aceleași trei canale RGB scrise în baza 16: câte două cifre pentru fiecare canal, de la 00 (0) la ff (255).
- 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 HEX și HSL
| Culoare | HEX | HSL |
|---|---|---|
| Roșu | #ff0000 | 0, 100%, 50% |
| Portocaliu | #ffa500 | 39, 100%, 50% |
| Galben | #ffff00 | 60, 100%, 50% |
| Verde | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Albastru | #0000ff | 240, 100%, 50% |
| Violet | #800080 | 300, 100%, 25% |
| Roz | #ffc0cb | 350, 100%, 88% |
| Maro | #a52a2a | 0, 59%, 41% |
| Alb | #ffffff | 0, 0%, 100% |
| Gri | #808080 | 0, 0%, 50% |
| Negru | #000000 | 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 HEX în HSL?
Tastați sau lipiți valoarea HEX 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.