Wie kann ich RGB in HEX umrechnen?

Wandeln Sie jeden Rot-, Grün- und Blauwert aus dem Dezimalsystem in ein zweistelliges Hexadezimalpaar um und setzen Sie die drei Paare hinter einem # zusammen. RGB(255, 87, 51) ergibt FF, 57 und 33, also lautet die HEX-Farbe #FF5733. Dieser Umrechner erledigt die Rechnung live und kann für die Deckkraft ein Alpha-Paar ergänzen.

So funktioniert’s

1RGB-Kanäle eingeben. Geben Sie Rot, Grün und Blau als ganze Zahlen von 0 bis 255 ein oder passen Sie die synchronisierten Regler an.

2Live-Vorschau prüfen. Das Farbfeld und das sechsstellige HEX-Ergebnis aktualisieren sich sofort. Sie können auch auf das Farbfeld klicken und eine Farbe visuell auswählen.

3Bei Bedarf Deckkraft hinzufügen. Aktivieren Sie die Deckkraft, um einen achtstelligen HEX-Code zu erzeugen, und legen Sie einen Prozentwert von 0 bis 100 fest.

4HEX-Code kopieren. Mit Kopieren legen Sie den fertigen CSS-Farbcode in der Zwischenablage ab.

Für wen

Frontend-Entwickler, die Werte aus Browser-Entwicklertools oder CSS-Deklarationen wie rgb() in kompakte HEX-Farben umwandeln.

UI-Designer, die eine RGB-Markenfarbe in Programmen oder Designsystemen mit sechsstelligen HEX-Werten verwenden möchten.

E-Mail- und Marketingteams, die exakte Farben zwischen Editoren mit unterschiedlichen Farbformaten übertragen.

Entwickler von Spielen und Datenvisualisierungen, die numerische Farbkanäle in wiederverwendbare Palettenwerte umrechnen.

RGB-Kanäle verwenden Dezimalwerte von 0 bis 255. HEX schreibt dieselben drei sRGB-Kanäle als Paare im 16er-System von 00 bis FF. Geben Sie Werte direkt ein, bewegen Sie die Regler, wählen Sie eine Vorgabe oder klicken Sie auf die Vorschau, um den Farbwähler Ihres Browsers zu öffnen. Aktivieren Sie die Deckkraft, wenn Sie die achtstellige Form #RRGGBBAA benötigen. Die Umrechnung läuft lokal in Ihrem Browser, ohne Upload und ohne Konto.

RGB	HEX
rgb(255, 0, 0)	`#FF0000`
rgb(0, 128, 255)	`#0080FF`
rgb(15, 23, 42)	`#0F172A`

Häufige Fragen

Ist dieser RGB-zu-HEX-Umrechner kostenlos?

Ja. Der Umrechner ist kostenlos und funktioniert ohne Anmeldung, Download oder Nutzungslimit. Geben Sie RGB-Kanäle ein, nutzen Sie die Regler oder wählen Sie eine Farbe und kopieren Sie das Ergebnis sofort.

Werden meine RGB-Werte hochgeladen?

Nein. Die Umrechnung von RGB in HEX ist eine einfache Rechenoperation, die vollständig in Ihrem Browser ausgeführt wird. Ihre Farbwerte werden weder hochgeladen noch an einen Umrechnungsdienst gesendet.

Welche RGB-Werte kann ich eingeben?

Geben Sie für jeden roten, grünen und blauen Kanal eine ganze Zahl von 0 bis 255 ein. Null bedeutet, dass der Kanal nicht enthalten ist, 255 steht für die höchste Intensität. Der Umrechner kennzeichnet Dezimalzahlen, fehlende Werte und Zahlen außerhalb des Bereichs, statt sie unbemerkt zu ändern.

Wie lautet die Formel für RGB zu HEX?

Wandeln Sie jeden dezimalen RGB-Kanal in das 16er-System um und füllen Sie ihn auf zwei Stellen auf. Schreiben Sie zuerst Rot, dann Grün und Blau, mit einem # am Anfang. Bei rgb(255, 87, 51) ergeben die Paare FF, 57 und 33 zusammen #FF5733.

Können HEX-Farben Deckkraft enthalten?

Ja. CSS unterstützt die achtstellige Form #RRGGBBAA. Das letzte Paar ist der Alpha-Wert: 00 ist vollständig transparent und FF vollständig deckend. Aktivieren Sie die Deckkraft im Umrechner, um einen Prozentwert diesem letzten Paar zuzuordnen.

Spielt Groß- oder Kleinschreibung bei HEX eine Rolle?

Nein. Bei CSS-HEX-Ziffern wird nicht zwischen Groß- und Kleinschreibung unterschieden, daher stehen #FF5733 und #ff5733 für dieselbe Farbe. Der Umrechner nutzt Großbuchstaben, weil die Kanalpaare leichter zu erfassen sind. In CSS und HTML funktionieren beide Varianten.

Warum werden 50 Prozent Deckkraft in HEX zu 80?

Der Alpha-Kanal besitzt 256 Bytewerte von 00 bis FF. Die Hälfte von 255 ist 127,5 und wird auf 128 gerundet. Dezimal 128 entspricht hexadezimal 80, daher ergänzt eine Deckkraft von 50 Prozent das Paar 80 am Ende.