HEX zu RGB Konverter

Bedienung

HEX eingeben
Code z. B. #FF0000 tippen oder Farbwähler nutzen.
RGB ansehen
R, G, B (0–255) werden automatisch berechnet.
Kopieren
Einzelkanäle oder komplette rgb()-Zeichenkette kopieren.

Warum RGB?

Viele APIs und Tools erwarten numerische Kanäle.

Vorteile von RGB

Web: rgb() in CSS und JS
Kontrolle: Kanalweise Anpassung
Software: breite Unterstützung
Farbmanipulation: Einzelne Farbkanäle lassen sich leichter bearbeiten
Universelle Unterstützung: Von allen digitalen Plattformen und Werkzeugen unterstützt

HEX und RGB

Gleiche Farbe, andere Notation.

HEX

Hexadezimal kompakt
Typisch in CSS
Sechsstelliges Format (#RRGGBB)
Im Webbereich weit verbreitet
Leicht zu lesen und zu merken

RGB

Drei Kanäle 0–255
Standard für Displays
Genauere Farbkontrolle
Standardformat für digitales Design
Mit allen Designwerkzeugen kompatibel

Alle Hex-Formate, die diese Seite liest

Hex-Codes tauchen in mehr Formen auf, als die meisten Konverter akzeptieren. Dieser nimmt sie alle – mit oder ohne führendes Rautezeichen und in beliebiger Groß- und Kleinschreibung.

#RGB und #RRGGBB — Die dreistellige Form verdoppelt jede Stelle, #ABC bedeutet also #AABBCC. Ein Kanal mit zwei unterschiedlichen Stellen lässt sich so nicht ausdrücken.
#RGBA und #RRGGBBAA — Ein vierter Kanal für die Deckkraft. #ABCD ist #AABBCCDD, und das Alpha-Byte wird in CSS zu 0-1: DD ist 0,867, nicht 221.
Codes anderer Länge werden abgelehnt — #fffff hat fünf Stellen und ist keine Farbe. Es als die ersten drei oder sechs zu lesen würde stillschweigend etwas umwandeln, das so nie geschrieben wurde.
Nicht-Hex-Zeichen werden benannt, nicht übergangen — #gggggg scheitert mit einer Meldung, die das nicht zulässige Zeichen nennt, statt auf Schwarz zurückzufallen.

Wann umrechnen

Wenn das Zielformat RGB verlangt.

Anwendungsfälle

Entwicklung: Styles und Skripte
Design: numerische Eingaben
Farbmanipulation: Einzelne Farbkanäle anpassen
Digitale Projekte: Genaue Farbwiedergabe sicherstellen
Programmierung: RGB-Werte in Code und Skripten verwenden

Fakten

Kurzüberblick.

Kernpunkte

HEX speichert dieselben 24 Bits wie RGB
Jede HEX-Stelle steht für 4 Bit Farbinformation
RGB-Werte reichen je Kanal von 0 bis 255
HEX ist kompakter als die RGB-Schreibweise
Beide Formate tragen dieselbe Farbinformation

Empfehlungen

Qualität sichern.

Checks

HEX-Länge prüfen
RGB im Zielmedium testen
RGB-Werte auf Richtigkeit prüfen
Farben in der Zielanwendung testen
Farbraum und Gamut-Grenzen berücksichtigen

Nicht nötig

Wenn HEX im Stylesheet bleiben kann
HEX für CSS und Web beibehalten, wo es passt
Nicht umwandeln, wenn keine Formatkompatibilität nötig ist
Nicht umwandeln für Anwendungen, die HEX direkt unterstützen

Grenzen

Modernes JavaScript auf dem Gerät nötig.

Basiert auf optimierten Bildverarbeitungs-Algorithmen.

Die anderen Farbkonverter

Häufige Fragen

Wie funktioniert der HEX-zu-RGB-Konverter?

Tippen Sie einen HEX-Code wie #FF0000 oder wählen Sie eine Farbe visuell, und das Tool zerlegt den Hex-Wert in die Kanäle Rot, Grün und Blau. Jedes Ziffernpaar wird in einen Dezimalwert von 0 bis 255 umgerechnet, und das RGB-Ergebnis samt Live-Vorschau aktualisiert sich sofort beim Tippen.

Welche HEX-Formate werden unterstützt?

Es akzeptiert Standard-Hexcodes mit 6 Stellen wie #FF5733, mit oder ohne führendes #, sodass Sie Werte direkt aus CSS oder einem Designtool einfügen können. Viele 3-stellige Kurzcodes wie #F53 werden ebenfalls erkannt und vor der Umrechnung auf die volle 6-stellige Form erweitert.

Ist die HEX-zu-RGB-Umrechnung genau und verlustfrei?

Ja. HEX und RGB sind zwei Schreibweisen derselben 24-Bit-Farbe, die Umrechnung ist also mathematisch exakt, ohne Rundung oder Qualitätsverlust. Jeder Kanal für Rot, Grün und Blau bildet direkt einen Wert von 0 bis 255 ab, und Sie können ohne Abweichung wieder zu HEX zurückrechnen.

Bleiben meine Farben privat?

Ja. Die gesamte Umrechnung läuft lokal auf Ihrem Gerät per JavaScript, sodass die HEX-Codes und RGB-Werte, mit denen Sie arbeiten, nie auf einen Server hochgeladen oder gespeichert werden. Nichts verlässt Ihr Gerät, was Marken- und Projektfarben vollständig privat hält.

Kann ich die RGB-Werte für CSS kopieren?

Ja. Sie können jeden Wert für Rot, Grün und Blau einzeln kopieren oder mit einem Klick die komplette rgb()-Zeichenkette übernehmen, bereit zum Einfügen in CSS, HTML oder Designsoftware. Das rgb()-Format funktioniert direkt in Stylesheets, ohne Umformatierung.

Ist das Tool kostenlos und funktioniert es mobil?

Ja. Der HEX-zu-RGB-Konverter ist völlig kostenlos, ohne Wasserzeichen oder Limits, und läuft in jedem modernen Browser auf Desktop, Tablet und Smartphone. Da die Verarbeitung geräteintern ist, funktioniert er auch bei instabiler Verbindung, sobald die Seite geladen ist.