Convertor HSL în HEX
Setați nuanța, saturația și luminozitatea și obțineți codul de culoare HEX de șase cifre corespunzător, gata de copiat.
Valoare hsl
Rezultat · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Mod de utilizare: HSL în HEX
- 1
Introduceți o culoare
Tastați un cod de culoare sau alegeți o culoare cu selectorul — fiecare câmp acceptă formatul pe care îl afișează.
- 2
Vedeți conversia
Rezultatul se actualizează instantaneu pe măsură ce tastați, împreună cu o previzualizare în timp real a culorii.
- 3
Copiați codul
Copiați valoarea de care aveți nevoie cu un singur clic și lipiți-o în design, în CSS sau în setările de imprimare.
De ce să convertiți HSL în HEX
HSL este cel mai intuitiv mod de a construi un sistem de culori. Fixați o nuanță, de exemplu 262° pentru violet, și creați o scară întreagă modificând în principal luminozitatea: în jur de 95% pentru fundaluri, 58% pentru butoane și accente, 30% pentru text. Designerii și dezvoltatorii folosesc această metodă pentru nuanțe deschise, închise și teme întunecate.
Scara finală trebuie însă livrată de obicei sub formă de coduri HEX: ghidurile de stil, design token-urile, bibliotecile Figma, brandbook-urile și multe sisteme de administrare a conținutului așteaptă valori #RRGGBB. Introduceți valorile HSL și copiați rezultatul HEX — hsl(262, 83%, 58%), de exemplu, devine #7C3BED. Instrumentul arată și RGB, HSV și CMYK pentru aceeași culoare. Deoarece HEX poate stoca doar 256 de niveluri pe canal, modificările foarte mici în HSL nu schimbă întotdeauna codul HEX.
Totul rulează local, în browserul dvs. — imaginile nu sunt niciodată încărcate pe un server.