Kategorie: Entwicklung
HEX in RGB umrechnen
Ein Farbwert, drei CSS-Schreibweisen: HEX, RGB und HSL mit Farbvorschau
Farbwert als HEX, RGB oder HSL einfügen oder per Farbwähler bestimmen und alle drei CSS-Schreibweisen samt Farbfeld erhalten. Alles bleibt im Browser.
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Dieser Farbcode-Konverter deckt genau die drei Schreibweisen ab, die im Stylesheet stehen: HEX, RGB und HSL. Sie fügen einen kurzen Wert wie #FA0 oder einen vollständigen wie #FFAA00 ein, tippen die Kanäle von rgb() oder die Werte für Farbton, Sättigung und Helligkeit von hsl(), oder wählen die Farbe mit dem nativen Farbwähler; das Textfeld bleibt jederzeit editierbar. Ausgewertet werden die ersten drei Farbkanäle, zurück kommen normalisiertes HEX, RGB und HSL zusammen mit einem Farbfeld. Lässt sich ein Wert nicht lesen, erscheint ein Hinweis auf einen ungültigen Farbwert statt eines geratenen Ergebnisses. Die Grenzen gehören dazu, denn deutsche Konverterseiten bündeln üblicherweise deutlich mehr. Alpha zuerst: rgba() und hsla() werden als Eingabe akzeptiert, die Transparenz wird aber ignoriert und taucht in der Ausgabe nicht auf – es gibt weder RGBA noch achtstelliges HEX. CMYK und andere Druckumrechnungen fehlen bewusst, ebenso HSV, LAB, LCH, OKLCH und jede Farbprofil-Konvertierung; benannte CSS- oder X11-Farben werden nicht als Eingabe akzeptiert. Es gibt keine Palettengenerierung, keine Kontrast- oder WCAG-Bewertung, keine Pipette, keinen Bild-Upload, keine Stapelverarbeitung und keinen Datei-Download. Eingegebene Farbwerte und ihre Umrechnungen bleiben im Browser und werden nicht zu LocalTools hochgeladen.
So funktioniert es
- HEX-, RGB- oder HSL-Wert einfügen oder eine Farbe über den nativen Farbwähler bestimmen.
- Die ersten drei Farbkanäle werden gelesen und in normalisiertes HEX, RGB und HSL umgerechnet.
- Farbfeld prüfen, die benötigte Schreibweise kopieren und bei ungültigen Werten den Hinweis beachten.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Wie wandle ich eine HEX-Farbe in RGB um?
- HEX-Wert mit oder ohne Raute einfügen: Jedes Ziffernpaar wird zu einem Kanal von 0 bis 255. RGB und HSL erscheinen sofort daneben, zusammen mit einem Farbfeld zur Kontrolle.
- Funktionieren auch 3-stellige HEX-Codes wie #FA0?
- Ja. Die Kurzform wird durch Verdoppeln jeder Ziffer expandiert, #FA0 entspricht also #FFAA00. Ausgegeben wird immer die normalisierte sechsstellige Form.
- Was ist der Unterschied zwischen Hex und RGB?
- Beides beschreibt dieselbe sRGB-Farbe: HEX schreibt die drei Kanäle hexadezimal, RGB als Dezimalzahlen von 0 bis 255. Die Umrechnung ist verlustfrei, die Farbe bleibt identisch.
- Was bedeuten die HSL-Werte genau?
- H ist der Farbton in Grad, S die Sättigung und L die relative Helligkeit, beide in Prozent. HSL beschreibt dieselbe Farbe wie HEX und RGB, lässt sich aber leichter von Hand nachjustieren.
- Werden CMYK, Alpha oder Farbnamen unterstützt?
- Nein. Umgerechnet werden ausschließlich HEX, RGB und HSL. CMYK gehört zum Druck und fehlt hier ebenso wie HSV, LAB, LCH, OKLCH, Farbprofile, benannte CSS-Farben und jede Alpha-Ausgabe.