HSL in RGBA umrechnen
Wandeln Sie Farbton, Sättigung und Helligkeit in einen rgba()-Wert um, der für Transparenz in CSS bereit ist.
hsl-Eingabe
Ergebnis · 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%)
So funktioniert’s: HSL in RGBA
- 1
Farbe eingeben
Geben Sie einen Farbcode ein oder wählen Sie eine Farbe mit dem Farbwähler – jedes Feld akzeptiert das angezeigte Format.
- 2
Umrechnung ansehen
Das Ergebnis aktualisiert sich sofort während der Eingabe, zusammen mit einer Live-Vorschau der Farbe.
- 3
Code kopieren
Kopieren Sie den gewünschten Wert mit einem Klick und fügen Sie ihn in Ihr Design, Ihr CSS oder Ihre Druckeinstellungen ein.
Über HSL und RGBA
HSL und RGBA stammen aus zwei verschiedenen Denkweisen über Farbe. HSL definiert eine Farbe über Farbton, Sättigung und Helligkeit, was es leicht macht, eine Reihe verwandter Töne zu gestalten. RGBA definiert sie über Rot-, Grün- und Blauwerte von 0 bis 255 plus einen Alphakanal für die Deckkraft – das Format, das viele JavaScript-Bibliotheken, Canvas-Zeichencode, Diagramm-Tools und ältere CSS-Codebasen erwarten.
Der Konverter wandelt Ihre HSL-Werte in rgba() mit dem Alphawert 1 um, also vollständig deckend. Ändern Sie diese letzte Zahl, um Transparenz zu erhalten: 0.8 für ein leicht durchscheinendes Panel, 0.3 für ein Overlay auf einem Foto, 0 für unsichtbar. Tipp: In modernem CSS können Sie den Alphawert auch direkt zu HSL hinzufügen, etwa hsl(160 60% 45% / 0.3), doch rgba() ist die sicherere Wahl, wenn eine Bibliothek oder E-Mail-Vorlage die neuere Syntax nicht unterstützt.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.