Hexadezimal-zu-RGB-Umrechner
Konvertieren Sie hexadezimale (Hex) Farbcodes in RGB-, RGBA-, HSL-, HSLA- und CMYK-Werte mit Echtzeit-Farbvorschau, KomplementÀrfarben, Schattengenerator und Ein-Klick-Kopierfunktion.
Dein Adblocker verhindert, dass wir Werbung anzeigen
MiniWebtool ist kostenlos dank Werbung. Wenn dir dieses Tool geholfen hat, unterstĂŒtze uns mit Premium (werbefrei + schneller) oder setze MiniWebtool.com auf die Whitelist und lade die Seite neu.
- Oder auf Premium upgraden (werbefrei)
- Erlaube Werbung fĂŒr MiniWebtool.com, dann neu laden
Hexadezimal-zu-RGB-Umrechner
Willkommen beim Hexadezimal zu RGB Umrechner, einem umfassenden Tool zur Farbkonvertierung, das hexadezimale Farbcodes sofort in RGB-, RGBA-, HSL-, HSLA- und CMYK-Werte umwandelt. Egal, ob Sie Webdesigner, Entwickler oder digitaler KĂŒnstler sind â dieses Tool bietet eine Farbvorschau in Echtzeit, eine Ein-Klick-Kopierfunktion, die Generierung von KomplementĂ€rfarben und eine WCAG-KontrastprĂŒfung fĂŒr Barrierefreiheit.
Was ist ein Hex-Farbcode?
Ein Hex-Farbcode (hexadezimale Farbe) ist ein 6-stelliger Code zur Darstellung von Farben im Webdesign, CSS und in digitalen Grafiken. Der Code besteht aus drei Paaren hexadezimaler Ziffern (0-9 und A-F), die die IntensitĂ€t der Komponenten Rot, GrĂŒn und Blau darstellen. Jedes Paar reicht von 00 (Minimum, 0) bis FF (Maximum, 255).
Zum Beispiel lÀsst sich #FF5733 wie folgt zerlegen:
- FF = 255 Rot (maximale RotintensitÀt)
- 57 = 87 GrĂŒn (moderate GrĂŒnintensitĂ€t)
- 33 = 51 Blau (geringe BlauintensitÀt)
Das Ergebnis ist ein lebendiges Korallenorange. Das #-Symbol ist optional, wird aber ĂŒblicherweise verwendet, um den Wert als Hex-Farbcode zu kennzeichnen.
3-stellige Kurzschreibweise
Wenn alle drei Farbpaare aus wiederholten Ziffern bestehen, können Sie die 3-stellige Kurzform verwenden. Zum Beispiel kann #FF5533 nicht gekĂŒrzt werden, aber #FFAA00 kann als #FA0 geschrieben werden. Jede Ziffer wird automatisch verdoppelt: F wird zu FF, A wird zu AA, 0 wird zu 00.
Wie man Hex in RGB umrechnet
Die Umrechnung von Hex in RGB beinhaltet die Umwandlung jedes hexadezimalen Ziffernpaares in sein dezimales Ăquivalent:
- Entfernen Sie das #-Symbol, falls vorhanden
- In Paare aufteilen: Teilen Sie die 6 Ziffern in 3 Paare (RR, GG, BB)
- Jedes Paar umrechnen: Konvertieren Sie von Basis-16 (Hexadezimal) zu Basis-10 (Dezimal)
Umrechnung von Hexadezimal in Dezimal
Jede hexadezimale Ziffernposition hat einen Wert: Die erste Ziffer wird mit 16 multipliziert und die zweite Ziffer wird addiert. FĂŒr das Hex-Paar "5A":
5 Ă 16 + 10 (A) = 80 + 10 = 90
| Hex | RGB | Farbname |
|---|---|---|
#FFFFFF | RGB(255, 255, 255) | WeiĂ (White) |
#000000 | RGB(0, 0, 0) | Schwarz (Black) |
#FF0000 | RGB(255, 0, 0) | Rot (Red) |
#00FF00 | RGB(0, 255, 0) | HellgrĂŒn (Lime) |
#0000FF | RGB(0, 0, 255) | Blau (Blue) |
#FFFF00 | RGB(255, 255, 0) | Gelb (Yellow) |
#FF00FF | RGB(255, 0, 255) | Magenta |
#00FFFF | RGB(0, 255, 255) | Cyan |
Farbformate verstehen
RGB und RGBA
RGB (Rot, GrĂŒn, Blau) verwendet drei Werte von 0-255, um eine Farbe zu definieren. RGBA fĂŒgt einen Alpha-Kanal (0 bis 1) fĂŒr die Transparenz hinzu. RGB(255, 87, 51) ist deckend, wĂ€hrend RGBA(255, 87, 51, 0.5) zu 50% transparent ist.
HSL und HSLA
HSL (Hue, Saturation, Lightness) ist fĂŒr Designer oft intuitiver:
- Hue (Farbton): Position im Farbkreis (0-360 Grad). 0=Rot, 120=GrĂŒn, 240=Blau
- Saturation (SÀttigung): FarbintensitÀt (0-100%). 0% ist Grau, 100% ist lebendig
- Lightness (Helligkeit): Helligkeitsgrad (0-100%). 0% ist Schwarz, 100% ist WeiĂ, 50% ist die reine Farbe
CMYK
CMYK (Cyan, Magenta, Yellow, Key/Schwarz) wird fĂŒr die Druckproduktion verwendet. WĂ€hrend Bildschirme die additive Farbmischung (RGB) nutzen, verwenden Drucker die subtraktive Mischung (CMYK). Farben können im Druck anders aussehen, daher hilft die PrĂŒfung der CMYK-Werte, eine genaue Farbwiedergabe im Druck sicherzustellen.
Farblehre: KomplementÀr- und triadische Farben
KomplementÀrfarben
KomplementĂ€rfarben liegen sich auf dem Farbkreis gegenĂŒber und erzeugen den maximalen Kontrast. FĂŒr jede Hex-Farbe wird das Komplement berechnet, indem jeder RGB-Wert von 255 abgezogen wird. KomplementĂ€rpaare werden verwendet fĂŒr:
- Call-to-Action-Buttons, die auffallen sollen
- Logo-Designs mit visueller Wirkung
- Erzeugung von visueller Spannung und Energie
Triadische Farben
Triadische Farben sind drei Farben, die gleichmĂ€Ăig auf dem Farbkreis verteilt sind (im Abstand von 120 Grad). Sie erzeugen lebendige, ausgewogene Paletten, die Harmonie bewahren und gleichzeitig Abwechslung bieten. Dieses Schema ist im Grafikdesign und Branding sehr beliebt.
WCAG-Barrierefreiheit und Kontrast
Die Web Content Accessibility Guidelines (WCAG) definieren KontrastverhĂ€ltnisse fĂŒr lesbaren Text:
- Stufe AAA (7:1): Exzellent â höchster Standard fĂŒr Barrierefreiheit
- Stufe AA (4,5:1): Gut â Minimum fĂŒr normalen Text
- Stufe AA Large (3:1): Akzeptabel fĂŒr groĂen Text (18pt+ oder 14pt fett)
- Nicht bestanden (<3:1): Unzureichender Kontrast fĂŒr Barrierefreiheit
Unser Tool berechnet die KontrastverhĂ€ltnisse sowohl gegen weiĂen als auch gegen schwarzen Hintergrund und hilft Ihnen so bei der Auswahl barrierefreier Textfarben fĂŒr Ihre Designs.
So verwenden Sie diesen Umrechner
- Geben Sie Ihren Hex-Code ein: Tippen oder kopieren Sie eine Hex-Farbe (mit oder ohne #). Sowohl 6-stellige als auch 3-stellige Formate funktionieren.
- Alpha einstellen (optional): Passen Sie die Transparenz von 0 (unsichtbar) bis 1 (deckend) fĂŒr die RGBA/HSLA-Ausgabe an.
- Auf Umrechnen klicken: Sehen Sie sofort die RGB-, HSL-, CMYK-Werte und die Farbvorschau.
- Format kopieren: Klicken Sie auf die Kopieren-SchaltflĂ€che, um die Werte in Ihre Zwischenablage zu ĂŒbernehmen.
- Paletten erkunden: Betrachten Sie KomplementĂ€rfarben, triadische Schemata sowie Schattierungen und Nuancen fĂŒr Design-Inspirationen.
HĂ€ufig gestellte Fragen
Was ist ein Hex-Farbcode?
Ein Hex-Farbcode ist eine 6-stellige (oder 3-stellige Kurzform) hexadezimale Darstellung einer Farbe, die im Webdesign und in der digitalen Grafik verwendet wird. Er beginnt mit einem #-Symbol, gefolgt von sechs Zeichen (0-9 und A-F), welche die Komponenten Rot, GrĂŒn und Blau reprĂ€sentieren. Zum Beispiel steht #FF5733 fĂŒr ein Korallenorange mit Rot=255, GrĂŒn=87, Blau=51.
Wie konvertiere ich Hex in RGB?
Um Hex manuell in RGB umzurechnen: 1) Entfernen Sie das #-Symbol, 2) Teilen Sie die 6 Ziffern in 3 Paare (RR, GG, BB), 3) Rechnen Sie jedes Paar von Hexadezimal in Dezimal um. Beispiel #FF5733: FF=255 (Rot), 57=87 (GrĂŒn), 33=51 (Blau), ergibt RGB(255, 87, 51). Unser Umrechner erledigt dies sofort.
Was ist der Unterschied zwischen RGB und RGBA?
RGB definiert Farben ĂŒber Rot-, GrĂŒn- und Blauwerte (jeweils 0-255). RGBA fĂŒgt einen Alpha-Kanal (0-1) fĂŒr die Transparenz hinzu. RGB(255, 87, 51) ist eine deckende Farbe, wĂ€hrend RGBA(255, 87, 51, 0.5) dieselbe Farbe mit 50% Deckkraft ist. RGBA ist essenziell fĂŒr halbtransparente Overlays und Effekte.
Was ist das HSL-Farbformat?
HSL steht fĂŒr Hue (Farbton), Saturation (SĂ€ttigung) und Lightness (Helligkeit). Der Farbton ist der Winkel im Farbkreis (0-360 Grad), die SĂ€ttigung ist die IntensitĂ€t (0-100%) und die Helligkeit ist der Lichtanteil (0-100%). HSL ist fĂŒr Designer oft intuitiver, da sich Helligkeit oder SĂ€ttigung leicht anpassen lassen, ohne den Grundfarbton zu verĂ€ndern.
Was ist CMYK und wann sollte ich es verwenden?
CMYK steht fĂŒr Cyan, Magenta, Yellow (Gelb) und Key (Schwarz). Es ist das Farbmodell, das im Druck verwendet wird. WĂ€hrend Hex und RGB fĂŒr Bildschirme gedacht sind (additive Farbmischung), ist CMYK fĂŒr den Druck (subtraktive Farbmischung). Wenn Ihr Design gedruckt werden soll, sollten Sie die CMYK-Werte prĂŒfen, um die Farbtreue zu gewĂ€hrleisten.
Was ist eine KomplementÀrfarbe?
Eine KomplementĂ€rfarbe ist die Farbe, die einer anderen auf dem Farbkreis direkt gegenĂŒberliegt, was den maximalen Kontrast erzeugt. FĂŒr jede Farbe findet man das Komplement, indem man die RGB-Werte invertiert (255 minus den jeweiligen Kanalwert). KomplementĂ€rfarben erzeugen lebendige, kontrastreiche Designs und werden hĂ€ufig in Logos und Call-to-Action-Elementen verwendet.
WeiterfĂŒhrende Ressourcen
Zitieren Sie diesen Inhalt, diese Seite oder dieses Tool als:
"Hexadezimal-zu-RGB-Umrechner" unter https://MiniWebtool.com/de/hexadezimal-zu-rgb-umrechner/ von MiniWebtool, https://MiniWebtool.com/
vom miniwebtool-Team. Aktualisiert am: 02. Feb. 2026
Andere verwandte Tools:
Farbwerkzeuge:
- CMYK zu Hex Konverter Empfohlen
- Farbkontrast-Checker
- Farbumkehrer Neu
- Farbschema-Generator Empfohlen
- Farbverlauf-Generator
- Hex-zu-CMYK-Konverter
- Hexadezimal-zu-RGB-Umrechner
- Bild-FarbwÀhler Neu
- Palettengenerator Neu
- ZufÀlliger Farbalgenerator Empfohlen
- RGB zu Hexadezimal Umrechner
- ZufÀlliger Farbpaletten-Generator Neu