Farbumrechner — HEX, RGB, HSL und Alpha

Farbe umrechnen

1. Gib HEX mit # oder eine unterstützte rgb/rgba/hsl/hsla-Funktion ein. Das Beispiel setzt #33669980 ein, ohne umzurechnen; verwende den Dezimalpunkt.
2. Klicke auf Umrechnen. Die ungerundete Farbe und unabhängiges Alpha erzeugen jedes Format separat; eine Änderung entfernt das alte Ergebnis.
3. Kopiere einen Code oder alle drei Zeilen. Beachte Rundungs- und Alpha-Byte-Hinweise; die Vorschau ist nicht kalibriert.

Kanäle und Syntax

HEX3/4 verdoppelt die Ziffern; HEX6/8 verwendet Bytes, Alpha steht zuletzt. RGB akzeptiert Zahlen von 0–255 oder Prozent von 0–100 %. Moderne Syntax nutzt Leerzeichen und Schrägstrich; ältere Syntax nutzt Kommas und mischt keine Zahlen und Prozentwerte.

HSL verwendet Grad, optional mit deg, sowie Prozentwerte für Sättigung und HSL-Helligkeit. Der Farbton ist zyklisch; HSL-Helligkeit ist keine relative Luminanz. Gerechnet wird mit kodiertem sRGB.

Alpha ist von RGB unabhängig: Alpha null löscht die Farbe nicht und mischt sie nicht mit einem Hintergrund. In HEX8 wird 0.5 zum Byte 128, also 128/255.

Bei gleichen RGB-Kanälen gilt H=0 und S=0; ein ursprünglicher Farbton ist nicht eindeutig wiederherstellbar. Bei von null verschiedenem Chroma bleibt der mathematische Farbton ohne Toleranzschwelle erhalten.

Beispiele und Rundung

#33669980 enthält die Bytes 51, 102, 153 und Alpha 128/255. Kodierte Kanäle 0.2, 0.4, 0.6 ergeben HSL 210°, 50 %, 40 %; funktionales Alpha wird auf 0.50196078 gerundet.

hsl(210 100% 50% / .5) ergibt RGB 0, 127.5, 255. Halbwerte von Kanal und Alpha werden aufgerundet: HEX #0080FF80, während die Funktion Alpha 0.5 behält.

rgb(17 34 51 / 99.999999%) behält funktionales Alpha 0.99999999, doch das Byte wird zu FF gerundet: #112233FF. Bei 0.000001% bleibt funktional 0.00000001, das Byte wird 00.

Grenzen

Vor dem Entfernen von Leerraum sind 256 UTF-16-Einheiten und 16 ASCII-Zeichen je Zahl erlaubt. Numerische RGB-Kanäle und Alpha erlauben 8 Nachkommastellen, Prozentwerte und HSL 6. Keine Exponenten; Farbton innerhalb ±1000000°. Werte außerhalb des Bereichs werden abgelehnt.

Namen, transparent, currentColor, none, Kommentare, Variablen, Berechnungen, andere Farbräume und Winkeleinheiten werden nicht unterstützt. HSL erfordert Prozentwerte für S/L. Einige ausgeschlossene Formen sind gültiges CSS.

HEX rundet auf das nächste Byte, Halbwerte aufwärts; RGB und funktionales Alpha nutzen bis zu 8 Nachkommastellen, HSL bis zu 6. Ein auf 360 gerundeter Farbton wird 0. Exakte Rückumwandlung ist nicht garantiert.

Keine ICC-, CMYK- oder Wide-Gamut-Umrechnung, Kontrastbewertung oder Zertifizierung der Farbübereinstimmung. Die Vorschau zeigt das erzeugte RGB; HSL-Helligkeit ist keine Barrierefreiheitsbewertung.

Datenschutz

Die Berechnung erfolgt im Browser ohne durch das Werkzeug hinzugefügten Upload, Konto, Verlauf, Eingabeprotokoll oder farbhaltigen Link. Kopiert wird auf Wunsch; bei Fehlschlag gibt es schreibgeschützten Text. Andere Website-Dienste unterliegen deren Richtlinien.