Ueberblick
Dieser Umrechner wandelt HEX-Farbnotation in RGB-Kanalwerte um, die du direkt in Stylesheets, Spezifikationen oder Komponenten-Notizen verwenden kannst. Dabei wird der HEX-Eingang normalisiert, sodass kurze Schreibweisen und Grossschreibung konsistent verarbeitet werden. Das ist hilfreich, wenn eine Farbe aus einem Designfile, Token oder Mockup in ein Format uebertragen werden muss, das mit Rot-, Gruen- und Blaukanälen arbeitet. Die Ausgabe ist klar und laesst sich bei Umsetzung oder Pruefung leicht mit anderen Farbangaben vergleichen.
Anwendungsfaelle
- Frontend-Styles bauenWandle Marken- und UI-Farben in rgb(...) um fuer CSS-Variablen, Komponentenstile und Theme-Dateien.
- Design-Umsetzung pruefenVergleiche Mockup-Farben mit den Codewerten, bevor ein Layout in die Produktion geht.
- Farbtoken dokumentierenHalte einen Token gleichzeitig in HEX und RGB fest, damit Design und Entwicklung dieselbe Farbdefinition nutzen.
- Kurze Codes erweiternFuehre drei Zeichen lange HEX-Werte in die volle RGB-Schreibweise ueber, wenn du alte Styles oder kompakte Paletten liest.
So funktioniert es
- 1
HEX-Farbe eingeben oder ueber den Picker auswaehlen.
- 2
Das Tool erweitert kurze HEX-Werte, prueft den Code und liest Rot, Gruen und Blau aus.
- 3
RGB-Ergebnis fuer CSS, Dokumentation oder Handoff-Notizen kopieren.
Beispiele
Warmer Akzentton
Eingabe: #FF7A18
Ausgabe: rgb(255, 122, 24)
Ein kraeftiges Orange fuer Buttons, Hervorhebungen oder Illustrationen.
Kurzer Blau-Cyan-Wert
Eingabe: #0AF
Ausgabe: rgb(0, 170, 255)
Kurze HEX-Werte werden vor der Umrechnung in RGB erweitert.
Dunkler Neutralton
Eingabe: #1E293B
Ausgabe: rgb(30, 41, 59)
Nuetzlich, um neutrale UI-Farben in Kanalwerte zu uebertragen.
FAQ
Unterstuetzt der Umrechner dreistellige HEX-Werte?
Ja. Ein kurzer Wert wie #0AF wird vor der Umrechnung auf die volle Schreibweise erweitert, damit die RGB-Kanaele exakt berechnet werden.
Was passiert, wenn ich HEX ohne # eingebe?
Das Tool erwartet die Standard-HEX-Schreibweise. Ist das Format unvollstaendig oder enthaelt ungueltige Zeichen, entsteht kein verlaesslicher RGB-Wert, weil der Code erst korrekt formatiert sein muss.
Warum sieht RGB anders aus als HEX?
Beides ist dieselbe Farbe, nur in anderer Schreibweise. HEX nutzt das hexadezimale Zahlensystem, RGB gibt die gleichen Kanaele dezimal an, deshalb wirken die Zahlen unterschiedlich.
Kann ich damit Farben mit Transparenz umrechnen?
Dieser Umrechner ist fuer HEX-Werte ohne Alpha-Anteil gedacht. Wenn Transparenz enthalten ist, brauchst du ein anderes Format wie RGBA, weil RGB den Alpha-Wert nicht mittraegt.