Convertor HSL în HEX
Convertiți HSL în HEX pe măsură ce tastați — gratuit, instantaneu, cu un exemplu practic și un tabel de culori comune.
Tastați o valoare HSL și citiți valoarea HEX de mai jos, sau alegeți o culoare din selector.
Exemplu practic
HSL 11, 100%, 60% = HEX #ff5733
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 HSL și HEX
| Culoare | HSL | HEX |
|---|---|---|
| Roșu | 0, 100%, 50% | #ff0000 |
| Portocaliu | 39, 100%, 50% | #ffa500 |
| Galben | 60, 100%, 50% | #ffff00 |
| Verde | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Albastru | 240, 100%, 50% | #0000ff |
| Violet | 300, 100%, 25% | #800080 |
| Roz | 350, 100%, 88% | #ffc0cb |
| Maro | 0, 59%, 41% | #a52a2a |
| Alb | 0, 0%, 100% | #ffffff |
| Gri | 0, 0%, 50% | #808080 |
| Negru | 0, 0%, 0% | #000000 |
Fiecare conversie rulează direct în browserul dumneavoastră. Nimic din ceea ce introduceți nu este încărcat pe BroBroGo.
Întrebări frecvente
Cum convertesc HSL în HEX?
Tastați sau lipiți valoarea HSL mai sus — valoarea HEX 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.