HEX zu HSL Umrechner — Farbe umrechnen
Einen drei- oder sechsstelligen sRGB-Hexcode in HSL- und RGB-Werte umrechnen.
Formeln und Quellen aktualisiert · Datenquellen · 1Algorithmus, Konstanten und Standardwerte ansehen (JSON)
Über diesen Rechner
Gib eine drei- oder sechsstellige sRGB-Hexfarbe ein, zum Beispiel #3B82F6. Formen mit Alphakanal sind nicht zulässig, da diese Seite deckungsgleiche RGB- und HSL-Werte ausgibt.
Rechenbeispiel
berechnet mit den unten stehenden Standardwerten
HEX-Farbe #3B82F6 HSL hsl(217, 91%, 60%) · HSL hsl(217, 91%, 60%) · Farbton 217 ° · Sättigung 91,2 % · Helligkeit 59,8 % · RGB 59, 130, 246
Methode und Annahmen
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B sind 0–1; bei Δ = 0 gilt H = S = 0; S und L werden in Prozent ausgegeben. Gib eine drei- oder sechsstellige sRGB-Hexfarbe ein, zum Beispiel #3B82F6. Formen mit Alphakanal sind nicht zulässig, da diese Seite deckungsgleiche RGB- und HSL-Werte ausgibt. Die Quellen erläutern Definitionen und Methoden; zusätzliche Vorgaben müssen mit den Annahmen dieser Seite abgeglichen werden.
Datenquellen
Die Quellen erläutern Definitionen und Methoden; zusätzliche Vorgaben müssen mit den Annahmen dieser Seite abgeglichen werden.
Haftungsausschluss
Diese Rechner liefern allgemeine Umrechnungsergebnisse. Rundung und Genauigkeit des eingegebenen Werts beeinflussen das Ergebnis; angezeigte Dezimalstellen sind daher Richtwerte und nicht exakt.
Implementierungsquelle
Dieser Datensatz beschreibt die Implementierung dieser Seite, keine unabhängige Validierung. Externe Quellen stützen nur die angegebene Formel oder Definition; Schätzungen und eigene Regeln behalten ihre Annahmen.
Formel und Variablen
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M))
- R,G,B
- normalisierte Kanäle (0–1)
- M
- max(R, G, B)
- m
- min(R, G, B)
- Δ
- M − m
- H,S,L
- Farbton °, Sättigung, Helligkeit
R,G,B sind 0–1; bei Δ = 0 gilt H = S = 0; S und L werden in Prozent ausgegeben.
Häufige Fragen
Welche HEX-Formate werden unterstützt?
Gib eine drei- oder sechsstellige sRGB-Hexfarbe ein, zum Beispiel #3B82F6. Formen mit Alphakanal sind nicht zulässig, da diese Seite deckungsgleiche RGB- und HSL-Werte ausgibt.
Welche Eingaben und Grenzen gelten für HEX zu HSL Umrechner — Farbe umrechnen?
Verwenden Sie die Einheiten neben den Feldern. Dies sind Formulargrenzen, keine empfohlenen Einstellungen. L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B sind 0–1; bei Δ = 0 gilt H = S = 0; S und L werden in Prozent ausgegeben. Gib eine drei- oder sechsstellige sRGB-Hexfarbe ein, zum Beispiel #3B82F6. Formen mit Alphakanal sind nicht zulässig, da diese Seite deckungsgleiche RGB- und HSL-Werte ausgibt. Die Quellen erläutern Definitionen und Methoden; zusätzliche Vorgaben müssen mit den Annahmen dieser Seite abgeglichen werden.
Wie sieht ein vollständiges Rechenbeispiel für HEX-Farbe = #3B82F6 aus?
Eingaben: HEX-Farbe = #3B82F6. Berechnung: L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)). Ergebnisse: HSL = hsl(217, 91%, 60%); Farbton = 217 °; Sättigung = 91,2 %; Helligkeit = 59,8 %; RGB = 59, 130, 246.