HEX-zu-RGB-Konverter

1. Geben Sie eine 3- oder 6-stellige HEX-Farbe mit oder ohne führendes # ein oder wählen Sie eine Farbe mit dem Farbwähler.
2. Passen Sie den Farbton von 0 bis 360 Grad oder Sättigung und Helligkeit von 0 % bis 100 % an.
3. Prüfen Sie die Live-Vorschau und die synchronisierten HEX- und RGB-Werte.
4. Verwenden Sie die Kopierschaltfläche neben der gewünschten HEX- oder RGB-Ausgabe.
5. Wählen Sie Zurücksetzen, um zur Standardfarbe zurückzukehren.

HEX-zu-RGB-Konverter

HEX und RGB sind zwei Darstellungen derselben Farbe. HEX kodiert Rot-, Grün- und Blaukanäle als hexadezimale Paare; RGB gibt diese Kanäle als Zahlen an. Dieser Konverter wandelt eine HEX-Farbe in RGB um und bietet HSL-Steuerelemente zum Bearbeiten der Farbe. Vorschau sowie HEX- und RGB-Ausgaben bleiben bei Änderungen synchronisiert.

Was ist HEX?

Eine standardmäßige sechsstellige HEX-Farbe folgt dem Format #RRGGBB mit je einem hexadezimalen Wertepaar für Rot, Grün und Blau. #4F46E5 entspricht beispielsweise ungefähr 79 Rot, 70 Grün und 229 Blau. HEX ist in HTML und CSS üblich, weil Farben damit kompakt angegeben werden. Das vorangestellte # ist in diesem Konverter optional.

Was ist RGB?

RGB steht für Rot, Grün und Blau. Eine Farbe wird durch drei Zahlenkanäle dargestellt, die üblicherweise zwischen 0 und 255 liegen. rgb(79, 70, 229) enthält beispielsweise 79 Rot, 70 Grün und 229 Blau. RGB-Werte machen jeden Kanal deutlich und sind für digitale Oberflächen, CSS und Grafiken hilfreich.

Beispiel für HEX zu RGB

Geben Sie #4F46E5 ein, um ungefähr rgb(79, 70, 229) zu erhalten. Dieselbe Farbe lässt sich auch als hsl(248, 76 %, 59 %) darstellen. Das sind verschiedene Darstellungen derselben Farbe. RGB-Kanäle werden als ganze Zahlen angezeigt und bei Bedarf gerundet.

Farbe mit HSL-Steuerelementen bearbeiten

Der Editor nutzt Farbton, Sättigung und Helligkeit zum Anpassen der Farbe. Ändern Sie den Farbton von 0 bis 360 Grad oder Sättigung und Helligkeit von 0 % bis 100 %. Die ausgewählte Farbe, Vorschau und HEX- und RGB-Werte werden automatisch aktualisiert. Erhöhen Sie etwa die Helligkeit für eine hellere Variante und kopieren Sie den resultierenden RGB- oder HEX-Wert in CSS oder ein Designwerkzeug.

HEX und RGB im Vergleich

HEX stellt Rot, Grün und Blau hexadezimal dar, etwa als #4F46E5. RGB gibt dieselben Kanäle numerisch an, etwa als rgb(79, 70, 229). HEX eignet sich zum Speichern und Kopieren von Farben in Stylesheets; RGB ist praktisch, wenn Sie direkt mit den Kanalwerten arbeiten.

Unterstützte HEX-Formate und Prüfung

Der Konverter akzeptiert 3- und 6-stellige HEX-Werte mit oder ohne #. Eine separate Umrechnung für 8-stelliges HEX oder Transparenz gibt es nicht. Der Farbton muss zwischen 0 und 360 Grad, Sättigung und Helligkeit müssen jeweils zwischen 0 % und 100 % liegen. Ungültige HEX- oder HSL-Werte außerhalb des Bereichs zeigen bis zur Korrektur einen Fehler. RGB-Kanäle erscheinen als gerundete ganze Zahlen.

Wann ein HEX-zu-RGB-Konverter hilfreich ist

Wandeln Sie vorhandene HEX-Farben für CSS um, prüfen Sie RGB-Kanäle beim Erstellen einer Oberfläche, passen Sie eine Farbe an und übernehmen Sie den neuen RGB-Wert, suchen Sie Farbabweichungen in einem Projekt oder teilen Sie eine Farbe als HEX und RGB. Mit den HSL-Steuerelementen erstellen Sie Varianten und erhalten sofort die synchronisierten Ausgaben.

Geben Sie eine 3- oder 6-stellige HEX-Farbe ein, um den entsprechenden RGB-Wert mit Live-Farbvorschau zu sehen.

Passen Sie Farbton, Sättigung und Helligkeit an. Die HEX- und RGB-Ausgaben werden automatisch aktualisiert.

Geben Sie eine HEX-Farbe mit oder ohne # ein oder wählen Sie eine Farbe mit dem integrierten Farbwähler aus.

Kopieren Sie HEX- oder RGB-Ausgaben und setzen Sie den Editor bei Bedarf auf die Standardfarbe zurück.