RGB-zu-HEX-Konverter
Wandle RGB-Werte in einen Hex-Farbcode um.
Läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin gesendet.
- rgb() oder rgba() einfügen
- 8-stellig mit Alpha
- Aktualisiert beim Tippen
So wandelst du RGB in HEX um
- Füg einen rgb()- oder rgba()-Wert ein, oder gib jeden Kanal einzeln ein.
- Setz Alpha unter 1, um zusätzlich einen 8-stelligen Hex-Code zu bekommen.
- Kopiere den Hex-Code.
Beispiele für RGB zu Hex
| RGB | Hex | Hinweis |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Normale Umwandlung |
| rgb(0, 0, 0) | #000000 | Schwarz |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alpha fügt 2 Ziffern hinzu |
| 255, 136, 0 | #FF8800 | Einfache Zahlen funktionieren auch |
Wie Alpha zu Hex-Ziffern wird
Multipliziere Alpha mit 255, runde auf die nächste ganze Zahl und schreib sie als zwei Hex-Ziffern ans Ende des Codes.
| Alpha | Hex-Anhang |
|---|---|
| 1 (deckend) | nicht nötig |
| 0.75 | BF |
| 0.5 | 80 |
| 0.25 | 40 |
| 0 (unsichtbar) | 00 |
Wo 8-stelliges Hex funktioniert
- CSS akzeptiert #RRGGBBAA in jedem aktuellen Browser: Chrome, Firefox, Safari und Edge.
- Auch die SVG-Attribute fill und stroke akzeptieren 8-stelliges Hex in modernen Browsern.
- Manche ältere Bildbearbeitungs- und Design-Tools lesen nur 6-stelliges Hex und lassen das Alpha-Paar weg oder lehnen es ab, behalte für diese Fälle also eine solide 6-stellige Kopie.
Häufige Fragen zu RGB zu HEX
Wie wandle ich RGB von Hand in HEX um?
Schreib jeden Kanal als zweistellige Zahl im Sechzehnersystem und füg sie zusammen. rgb(255, 136, 0) wird zu FF, 88 und 00, also #FF8800.
Wie wird Deckkraft in Hex geschrieben?
Multipliziere den Alpha-Wert mit 255, runde und schreib das Ergebnis als zwei Hex-Ziffern ans Ende. Ein Alpha von 0.5 wird zu 80, also ist rgba(255, 136, 0, 0.5) gleich #FF880080.
Welche Formate kann ich einfügen?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), das neuere rgb(255 136 0 / 50%) und einfache Zahlen wie 255, 136, 0. Ein Hex-Code funktioniert auch.
Ist #ff8800 anders als #FF8800?
Nein, bei Hex-Farben spielt die Groß- und Kleinschreibung keine Rolle. Aktiviere Großbuchstaben, wenn dein Styleguide Großbuchstaben vorschreibt.
Kann ich einen Farbnamen wie orange statt Zahlen eingeben?
Nein. Dieser Konverter liest nur numerische rgb()-, rgba()- und Hex-Werte, da eine Zuordnung der 148 benannten CSS-Farben eine eigene Nachschlagetabelle bräuchte.
Warum hat sich mein Hex-Code nach einer Prozentangabe leicht verändert?
Prozentkanäle wie rgb(94% 53% 0%) werden auf die nächste von 256 Stufen pro Kanal umgerechnet, deshalb kann Rundung das Ergebnis in manchen Kanälen um 1 verschieben.
Rundet der Alpha-Kanal in jedem Browser gleich?
Ja. Die Rechnung hier, mit 255 multiplizieren und auf eine ganze Zahl runden, ist Standard und liefert unabhängig vom Browser dieselben 2 Hex-Ziffern, weil diese Seite die Umwandlung selbst macht statt sich auf eine Browser-API zu verlassen, die abweichen könnte.
Kann ich eine Farbe mit einem prozentualen Alpha wie 50% umwandeln?
Ja. rgba(255, 136, 0, 50%) und das neuere rgb(255 136 0 / 50%) funktionieren beide, zusätzlich zur älteren Dezimalschreibweise von 0 bis 1 für Alpha.