Convertor HEX în HSL
Convertiți un cod de culoare HEX în nuanță, saturație și luminozitate pentru a crea ușor variante mai deschise și mai închise.
Valoare hex
Rezultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Mod de utilizare: HEX în HSL
- 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.
Culori HEX și HSL
HEX este modul în care se scriu culorile în CSS și în instrumentele de design: un # urmat de trei perechi de cifre hexazecimale pentru roșu, verde și albastru. HSL descrie aceeași culoare așa cum ne gândim la ea — nuanța ca unghi pe roata culorilor de la 0 la 360°, saturația și luminozitatea în procente.
Conversia în HSL este utilă când aveți nevoie de variații ale unei culori: păstrați nuanța și schimbați luminozitatea pentru a obține variante mai deschise și mai închise pentru stările de hover, fundaluri și chenare. Browserele înțeleg ambele notații, de exemplu hsl(342, 100%, 62%). Lipiți un cod de trei sau șase cifre, cu sau fără semnul #, și copiați rezultatul hsl(); sunt afișate și RGB, HSV și CMYK.
Totul rulează local, în browserul dvs. — imaginile nu sunt niciodată încărcate pe un server.