Konvertér HSL til RGBA
Konvertér farvetone, mætning og lyshed til en rgba()-værdi, der er klar til gennemsigtighed i CSS.
hsl-værdi
Resultat · 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%)
Sådan gør du: HSL til RGBA
- 1
Indtast en farve
Skriv en farvekode, eller vælg en farve med farvevælgeren — hvert felt accepterer det format, det viser.
- 2
Se konverteringen
Resultatet opdateres med det samme, mens du skriver, sammen med et live-eksempel på farven.
- 3
Kopiér koden
Kopiér den værdi, du har brug for, med ét klik, og indsæt den i dit design, din CSS eller dine udskriftsindstillinger.
Om HSL og RGBA
HSL og RGBA kommer fra to forskellige måder at tænke på farver. HSL definerer en farve ud fra farvetone, mætning og lyshed, hvilket gør det nemt at designe et sæt beslægtede nuancer. RGBA definerer den ud fra kanalværdierne for rød, grøn og blå fra 0 til 255 plus en alfakanal til opacitet — det format, som mange JavaScript-biblioteker, kode til tegning på canvas, diagramværktøjer og ældre CSS-kodebaser forventer.
Konverteren laver dine HSL-værdier om til rgba() med alfa sat til 1, dvs. helt dækkende. Ret det sidste tal for at få gennemsigtighed: 0.8 til et let gennemsigtigt panel, 0.3 til et overlay på et foto, 0 til usynligt. Tip: I moderne CSS kan du også tilføje alfa direkte til HSL, som i hsl(160 60% 45% / 0.3), men rgba() er det sikreste valg, når et bibliotek eller en e-mailskabelon ikke understøtter den nyere syntaks.
Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.