Zum Inhalt springen
ToolsMinify logo
Konverter-Tools
Beliebt

HEX-zu-RGB-Konverter

Konvertieren Sie HEX-Farbcodes zu RGB (und RGB zurück zu HEX) mit Live-Swatch, Format-Kit (HSL + CMYK), klickbarer Tint→Shade-Rampe, WCAG-Kontrastvorschauen auf Weiß und Schwarz…

Über HEX-zu-RGB-Konverter

Konvertieren Sie HEX-Farbcodes zu RGB (und RGB zurück zu HEX) mit Live-Swatch, Format-Kit (HSL + CMYK), klickbarer Tint→Shade-Rampe, WCAG-Kontrastvorschauen auf Weiß und Schwarz und einem einfügebereiten CSS-Token-Snippet. Fügen Sie #rgb, #rrggbb oder #rrggbbaa ein, nutzen Sie den nativen Color Picker oder tippen Sie R-/G-/B-Kanäle. Alles läuft in Ihrem Browser - keine Anmeldung, kein Upload.

So verwenden Sie HEX-zu-RGB-Konverter

  1. Eine HEX-Farbe einfügen, den Color Picker nutzen oder eine Preset-Swatch anklicken.
  2. rgb()/rgba()-CSS kopieren oder R/G/B (0-255) eingeben, um HEX in die andere Richtung zu erzeugen.
  3. Das Format-Kit für HSL und CMYK nutzen und die Tint→Shade-Rampe, um hellere oder dunklere Schritte zu erkunden.
  4. WCAG-Kontrastkarten prüfen, dann das CSS-Token-Snippet in Ihr Theme kopieren.

Beispiele für HEX-zu-RGB-Konverter

#FFFFFF zu RGB

Weiß: rgb(255, 255, 255).

#3b82f6 zu RGB

Tailwind blue-500: rgb(59, 130, 246) plus passendes HSL/CMYK im Format-Kit.

Kurzes #0f0

Erweitert zu #00ff00 → rgb(0, 255, 0).

Kontrast + Tokens

Blau #3b82f6 auf Weiß scheitert an normalem AA; das Token-Snippet exportiert trotzdem --brand-rgb für modernes CSS.

Vollständigen Guide lesen

So verwenden Sie HEX-zu-RGB-Konverter: Vollständiger Guide (2026) - 5 Min. Lesezeit

Häufig gestellte Fragen zu HEX-zu-RGB-Konverter

Wie konvertiere ich HEX zu RGB?
Jedes Paar HEX-Ziffern ist ein Basis-16-Kanal von 00 (0) bis FF (255). Zum Beispiel #1A2B3C → R=26, G=43, B=60, geschrieben als rgb(26, 43, 60). Dieses Tool macht die Umrechnung beim Tippen.
Welche HEX-Formate werden unterstützt?
Kurzes #rgb (z. B. #fff), volles #rrggbb (z. B. #3b82f6) und 8-stelliges #rrggbbaa mit Alpha. Das führende # ist optional, und Buchstaben können groß oder klein sein. Sie können auch eine Farbe mit dem nativen Picker wählen.
Kann ich RGB zu HEX konvertieren?
Ja - R-, G- und B-Werte von 0 bis 255 eingeben und das Tool gibt einen Kleinbuchstaben-#rrggbb-Code aus. Werte außerhalb des Bereichs werden geklemmt.
Zeigt das auch HSL und CMYK?
Ja. Das Format-Kit listet HEX, RGB, HSL und CMYK mit Ein-Klick-CSS-Kopie. CMYK ist eine Bildschirmnäherung für Druck-Handoff - bei farbkritischen Fällen immer auf der Presse prüfen.
Was ist die Tint → Shade-Rampe?
Sie mischt Ihre Farbe Richtung Weiß (Tints) und Schwarz (Shades). Einen Schritt anklicken, um dieses HEX zu laden, oder die ganze Rampe für eine schnelle Palette kopieren.
Was bedeuten die Kontrastkarten?
Sie zeigen das WCAG-Kontrastverhältnis Ihrer Farbe als Text auf Weiß und auf Schwarz, mit AA/AAA-Bestehen oder -Scheitern für normalen und großen Text. Nützlich vor dem Ausliefern von UI-Farben.
Was ist der Unterschied zwischen rgb() und rgba()?
rgb() hat nur Rot, Grün und Blau. rgba() fügt einen Alpha-(Deckkraft-)Kanal von 0 (transparent) bis 1 (undurchsichtig) hinzu. Wenn Sie ein 8-stelliges HEX einfügen, gibt das Tool rgba() aus.

Verwandte Tools

RGB-zu-HSL-Konverter

Wandeln Sie RGB in HSL und HSL in RGB sofort um. Kostenloser Online-Farbkonverter mit Live-Swatch und kopierfertigem rgb()- und hsl()-CSS.

cm-zu-Zoll-Konverter

Konvertieren Sie Zentimeter sofort zu Zoll und Zoll zu Zentimetern. Kostenloser Online-cm-zu-Zoll-Konverter mit 1 Zoll = 2,54 cm und präzisen Ergebnissen in beide Richtungen.