Hex in RGB umrechnen
Ein Hex-Farbwert kodiert die drei Kanäle Rot, Grün und Blau als Hexadezimalpaare von 00 bis FF – dezimal 0 bis 255. #1E4FD8 entspricht also rgb(30, 79, 216). Der Umrechner übersetzt in beide Richtungen, zeigt zusätzlich HSL-Werte und eine Live-Vorschau – komplett lokal im Browser.
Aktualisiert am 8. August 2026
Beide Seiten sind aktiv – tippe Hex oder RGB, der Rest rechnet mit. Läuft komplett lokal im Browser.
Hex und RGB: zwei Schreibweisen, eine Farbe
Jede Bildschirmfarbe entsteht aus drei Lichtkanälen: Rot, Grün und Blau, jeweils mit einer Intensität von 0 bis 255. Die Hex-Schreibweise packt diese drei Zahlen als Hexadezimalpaare hinter ein #-Zeichen, die RGB-Schreibweise nennt sie dezimal. Der Umrechner übersetzt in beide Richtungen, zeigt zusätzlich die HSL-Werte und eine Live-Vorschau der Farbe – praktisch für CSS, Design-Tools und Bildbearbeitung.
Beispiel: #1E4FD8 = rgb(30, 79, 216)
Die Umrechnung selbst ist reine Zahlenbasis-Arithmetik: 1E hexadezimal ist 1 × 16 + 14 = 30 dezimal. Auch die Kurzform mit drei Stellen (#f60) und Werte ohne #-Zeichen versteht der Rechner. Wenn du Farbtöne systematisch aufhellen, abdunkeln oder entsättigen willst, orientiere dich an den HSL-Werten – dort steuert jeder Wert genau eine wahrnehmbare Eigenschaft der Farbe.
Beispiel: #F60 Schritt für Schritt in RGB umrechnen
Die Kurzform #F60 wird zuerst aufgefaltet, indem jede Stelle verdoppelt wird: #FF6600. Dann rechnest du jedes Hexpaar in eine Dezimalzahl um – die erste Stelle zählt 16-fach: FF = 15 × 16 + 15 = 255 (Rot), 66 = 6 × 16 + 6 = 102 (Grün), 00 = 0 (Blau). Ergebnis:rgb(255, 102, 0), ein kräftiges Orange. Rückwärts geht es genauso: 255 ÷ 16 = 15 Rest 15, also FF – so wird aus jedem RGB-Tripel wieder ein Hex-Wert.
Häufige Fragen
Wie ist ein Hex-Farbwert aufgebaut?
Hinter dem #-Zeichen stehen sechs Hexadezimalstellen – je zwei für Rot, Grün und Blau. Jedes Stellenpaar reicht von 00 bis FF, das entspricht dezimal 0 bis 255. #1E4FD8 heißt also: Rot 1E (30), Grün 4F (79), Blau D8 (216) – ein kräftiges Blau.
Was bedeutet die dreistellige Kurzform wie #abc?
Sie ist eine Abkürzung, bei der jede Stelle verdoppelt wird: #abc steht für #aabbcc, #f00 für #ff0000 (reines Rot). Die Kurzform kann nur Werte darstellen, bei denen beide Stellen jedes Kanals gleich sind – für schnelle Notizen und CSS-Prototypen reicht das oft.
Wozu brauche ich HSL, wenn ich schon RGB habe?
HSL beschreibt Farben so, wie Menschen denken: Farbton (0–360°), Sättigung und Helligkeit in Prozent. Willst du eine Farbe etwas dunkler oder blasser machen, änderst du in HSL nur einen Wert – in RGB müsstest du alle drei Kanäle gleichzeitig passend verschieben. Deshalb arbeiten Design-Systeme intern gern mit HSL.
Was sind achtstellige Hex-Werte wie #1E4FD880?
Die beiden zusätzlichen Stellen sind der Alpha-Kanal, also die Deckkraft: 00 ist komplett durchsichtig, FF voll deckend. #1E4FD880 ist unser Blau mit rund 50 % Deckkraft. In CSS geht dasselbe mit rgb(30 79 216 / 0.5).
Warum sieht die Farbe gedruckt anders aus als am Bildschirm?
Bildschirme mischen Licht additiv aus Rot, Grün und Blau – Drucker mischen Tinte subtraktiv aus Cyan, Magenta, Gelb und Schwarz (CMYK). Viele leuchtende RGB-Farben lassen sich mit Tinte gar nicht exakt treffen. Für Druckprojekte deshalb immer mit CMYK-Werten oder Farbfächern (z. B. Pantone) arbeiten.
Welche Schreibweise sollte ich in CSS verwenden?
Technisch sind #1E4FD8, rgb(30, 79, 216) und hsl(224, 76%, 48%) gleichwertig – der Browser versteht alle. Hex ist am kompaktesten und am weitesten verbreitet; HSL lohnt sich, wenn du Farbvarianten systematisch ableiten willst. Wichtig ist nur: im Projekt bei einer Schreibweise bleiben.
Passende Rechner
Wörter zählen
Wörter, Zeichen, Sätze und Absätze live zählen – mit Lesezeit und Zeichen ohne Leerzeichen.
Liste sortieren
Textzeilen alphabetisch, numerisch oder zufällig sortieren – auch umkehren und Duplikate entfernen.
Groß- und Kleinschreibung ändern
Text in GROSSBUCHSTABEN, kleinbuchstaben, Satzanfang groß oder Jeden Wortanfang Groß umwandeln.
Zeilen entfernen
Leere Zeilen, doppelte Zeilen oder Zeilen mit bestimmtem Inhalt aus einem Text filtern.