HEX to RGBA

Über dieses Tool

Der HEX-zu-RGBA-Konverter wandelt hexadezimale Farbcodes mit optionaler Deckkraftsteuerung in das RGBA-Format um. Webentwickler nutzen dieses Tool, wenn sie Farben in CSS Transparenz hinzufügen, etwa für Overlays, Schatten und halbtransparente Hintergründe.

Geben Sie einfach einen Hex-Farbcode (3, 6 oder 8 Zeichen) ein, und das Tool gibt sofort den entsprechenden rgba()-Wert aus. Sie können außerdem den Alpha-Wert (Deckkraft) zwischen 0 und 1 anpassen.

Anleitung

1. Geben Sie einen Hex-Farbcode ein (z. B. #ff5733 oder #f53).
2. Die RGBA-Ausgabe wird sofort aktualisiert.
3. Passen Sie den Alpha-Regler an, um die Deckkraft festzulegen (0 = transparent, 1 = deckend).
4. Kopieren Sie den rgba()-Wert und fügen Sie ihn in Ihr CSS ein.
5. Verwenden Sie den 8-stelligen Hex-Wert (#RRGGBBAA) für die direkte Alpha-Kodierung.

Anwendungsfälle

Nützlich für CSS-Overlays, box-shadow-Farben, halbtransparente UI-Elemente und immer dann, wenn Sie einem bestimmten Hex-Farbwert Deckkraft hinzufügen müssen.

Häufige Fragen

• Was ist RGBA? — RGBA ist ein CSS-Farbformat: Rot, Grün, Blau und Alpha (Deckkraft). Der Alphakanal reicht von 0 (vollständig transparent) bis 1 (vollständig deckend).
• Kann ich einen 3-stelligen Hex-Wert konvertieren? — Ja. #abc wird vor der Konvertierung automatisch zu #aabbcc erweitert.
• Was bedeutet der 8-stellige Hex-Wert? — Ein 8-stelliger Hex-Wert wie #FF5733AA enthält in den letzten beiden Ziffern einen Alphakanal, der ebenfalls direkt auf RGBA abgebildet wird.
• Kann ich einen CSS-Farbnamen einfügen? — Nein, es werden nur Hex-Codes unterstützt. Verwenden Sie einen Color Picker, um eine benannte Farbe zunächst in Hex umzuwandeln.