Convertor HSL în RGBA
Convertiți nuanța, saturația și luminozitatea într-o valoare rgba() pregătită pentru transparență în CSS.
Valoare hsl
Rezultat · RGBA
rgba(255, 61, 119, 1)
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 RGBA
- 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.
Despre HSL și RGBA
HSL și RGBA provin din două moduri diferite de a gândi culoarea. HSL definește o culoare prin nuanță, saturație și luminozitate, ceea ce face ușoară crearea unui set de nuanțe înrudite. RGBA o definește prin valorile canalelor roșu, verde și albastru de la 0 la 255, plus un canal alfa pentru opacitate — formatul pe care îl așteaptă multe biblioteci JavaScript, codul de desenare pe canvas, instrumentele de grafice și bazele de cod CSS mai vechi.
Convertorul transformă valorile HSL în rgba() cu alfa setat la 1, adică opac complet. Modificați acest ultim număr pentru a obține transparență: 0.8 pentru un panou ușor transparent, 0.3 pentru o suprapunere pe o fotografie, 0 pentru invizibil. Sfat: în CSS-ul modern puteți adăuga alfa direct la HSL, ca în hsl(160 60% 45% / 0.3), dar rgba() este alegerea mai sigură atunci când o bibliotecă sau un șablon de e-mail nu acceptă sintaxa mai nouă.
Totul rulează local, în browserul dvs. — imaginile nu sunt niciodată încărcate pe un server.