Der Konverter akzeptiert alle Hex-Formen aus CSS: das 6-stellige Format #ff5733, die 3-stellige Kurzform #f53 sowie die 4- und 8-stelligen Formen mit Alphakanal, mit oder ohne #. Er zeigt den rgb()- oder rgba()-String, die einzelnen Kanalwerte und eine Aufschlüsselung pro Kanal - dazu eine umgekehrte RGB-zu-HEX-Zeile, wenn es andersherum gehen soll. Alles läuft im Browser - kein Upload, kein Konto, keine Limits.
HEX in RGB umrechnen
Läuft komplett in deinem Browser - kein Upload, keine Anmeldung.
CSS
rgb(255, 87, 51)RGB-Werte
255, 87, 51So wird umgerechnet
Rot
FF255Grün
5787Blau
3351Andersherum? RGB zu HEX
#ff5733Wie rechnet man HEX in RGB um?
Eine Hex-Farbe besteht aus drei Paaren hexadezimaler Ziffern, ein Paar pro Kanal. Jedes Paar wird in eine Dezimalzahl von 0 bis 255 umgerechnet: Bei #ff5733 steht ff für 255 Rot, 57 für 87 Grün und 33 für 51 Blau, der RGB-Wert ist also rgb(255, 87, 51). Dieser Konverter macht das sofort beim Tippen.
So funktioniert’s
- 1Hex-Code eingeben. Eine Hex-Farbe wie #ff5733 (oder #f53) eintippen oder einfügen, oder eine mit dem Farbwähler auswählen. Die # ist optional.
- 2RGB-Wert ablesen. Der rgb()-String, die reinen 0-255-Werte und eine Live-Farbvorschau aktualisieren sich beim Tippen, mit einer Aufschlüsselung pro Kanal, die zeigt, wie jedes Hex-Paar umgerechnet wird.
- 3Gewünschtes Format kopieren. Auf Kopieren neben dem rgb()-String oder den Rohwerten klicken. Andersherum? Rot, Grün und Blau unten eingeben, um den Hex-Code zurückzubekommen.
Für wen
- Frontend-Entwickler, die einen Hex-Code aus einem Styleguide in rgb() umwandeln, um mit rgba() Transparenz hinzuzufügen.
- Designer, die Markenfarben zwischen Tools verschieben, die Hex wollen (CSS, Figma), und solchen, die 0-255-Werte erwarten (manche Print- und Videoanwendungen).
- E-Mail- und Marketing-Teams, die Kampagnenfarben zwischen Editoren angleichen, die nur eine Notation akzeptieren.
- Spiele- und App-Entwickler, die 0-255-Kanalwerte an Engines und SDKs übergeben, die keine Hex-Strings lesen können.
Häufige Fragen
Ist dieser HEX-zu-RGB-Konverter kostenlos?
Ja - er ist 100 % kostenlos, ohne Anmeldung und ohne Limits. Er läuft komplett im Browser.
Werden meine Farben irgendwohin hochgeladen?
Nein. Die Umrechnung ist reines JavaScript, das auf dem eigenen Gerät läuft - es wird nichts an einen Server gesendet, und der Konverter funktioniert nach dem Laden der Seite auch offline weiter.
Wie lautet die Formel zum Umrechnen von HEX in RGB?
Den Hex-Code in drei Paare teilen und jedes Paar von Basis 16 in Dezimal umrechnen: die erste Ziffer mit 16 multiplizieren und die zweite addieren (a=10 ... f=15). Bei #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Unterstützt er die 3-stellige Kurzform wie #f53?
Ja. In der CSS-Kurzform wird jede Ziffer verdoppelt, aus #f53 wird also #ff5533, was zu rgb(255, 85, 51) wird. Die 4-stellige Form funktioniert genauso, mit der letzten Ziffer als Alpha.
Wie rechnet er HEX in RGBA um?
Ein 8-stelliger Hex-Code trägt Alpha im letzten Ziffernpaar. Dieses Byte (0-255) wird durch 255 geteilt, um den Alphawert von 0 bis 1 zu erhalten, den rgba() erwartet, gerundet auf drei Nachkommastellen - so wird #ff573380 zu rgba(255, 87, 51, 0.502).
Kann er RGB zurück in HEX umrechnen?
Ja. Die Zeile RGB zu HEX unter dem Ergebnis nutzen: Rot-, Grün- und Blauwerte von 0 bis 255 eingeben, und der Hex-Code erscheint sofort. Werte außerhalb des Bereichs werden auf 0-255 begrenzt.
Warum rgb() statt Hex verwenden?
Vor allem wegen Alpha und wegen der Rechenbarkeit: rgba(255, 87, 51, 0.5) macht eine Farbe durchscheinend, und viele APIs, Game-Engines und Design-Spezifikationen erwarten separate 0-255-Kanalwerte statt eines Hex-Strings.