HEX in RGBA umrechnen
Wandeln Sie einen HEX-Code in einen rgba()-Wert um, den Sie durch Ändern des Alphawerts halbtransparent machen können.
hex-Eingabe
Ergebnis · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
So funktioniert’s: HEX 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 HEX und RGBA
RGBA ist RGB mit einer vierten Komponente, dem Alphakanal, der die Deckkraft von 0 (vollständig transparent) bis 1 (vollständig deckend) festlegt. Ein normaler sechsstelliger HEX-Code wie #6A5ACD enthält keine Transparenz, daher gibt der Konverter ihn als rgba(106, 90, 205, 1) aus – dieselbe Farbe bei voller Deckkraft.
Um sie durchscheinend zu machen, ändern Sie die letzte Zahl: rgba(106, 90, 205, 0.5) ist halbtransparent, 0.15 ergibt eine zarte Tönung. So erstellt man üblicherweise Overlays auf Fotos, dezente Schatten, Hover-Hervorhebungen und durchscheinende Hintergründe, ohne eine eigene hellere Farbe definieren zu müssen. Anders als die Eigenschaft opacity wirkt sich der Alphawert in rgba() nur auf diese eine Farbe aus – Text in einer halbtransparenten Box bleibt also gestochen scharf.
Modernes CSS akzeptiert auch achtstellige HEX-Codes mit Alphawert wie #6A5ACD80, doch rgba() ist leichter zu lesen und zu bearbeiten und funktioniert auch in älteren Browsern und E-Mail-Programmen.
Alles läuft lokal in Ihrem Browser – Ihre Bilder werden nie auf einen Server hochgeladen.