Convertor RGB în HSL
Convertiți valorile de roșu, verde și albastru în nuanță, saturație și luminozitate pentru a ajusta mai ușor culorile în CSS.
Valoare rgb
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: RGB î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.
RGB sau HSL
RGB construiește o culoare din trei canale de lumină, ceea ce se potrivește ecranelor, dar este greu de ajustat manual: pentru a face rgb(255, 61, 114) puțin mai închis trebuie schimbate toate cele trei numere. HSL descrie aceeași culoare prin nuanță, un unghi pe roata culorilor de la 0 la 360°, plus saturație și luminozitate în procente, așa că acest roz devine hsl(344, 100%, 62%).
Această structură face HSL ideal pentru crearea de nuanțe și teme. Păstrați nuanța și saturația și coborâți luminozitatea pentru a obține starea de hover sau de apăsare, ridicați-o pentru un fundal colorat discret sau reduceți saturația pentru o variantă estompată. Toate browserele moderne acceptă hsl() în CSS, așa că puteți lipi rezultatul direct. Convertorul rotunjește valorile la numere întregi, așa că la conversia inversă un canal se poate deplasa cu o unitate.
Totul rulează local, în browserul dvs. — imaginile nu sunt niciodată încărcate pe un server.