- Hex zu Hsl
- Schritt 1: Hex in RGB konvertieren
- Schritt 2: RGB-Werte normalisieren
- Schritt 3: Ermitteln Sie die minimalen und maximalen normalisierten RGB-Werte
- Schritt 4: Berechnen Sie den Farbton (H)
- Schritt 5: Berechnen Sie die Helligkeit (L)
- Schritt 6: Berechnen Sie die Sättigung (S)
- Schritt 7: Farbton anpassen (optional)
Hex zu Hsl
Die Konvertierung einer Farbe von hexadezimal (hexadezimal) in HSL (Farbton, Sättigung, Helligkeit) umfasst mehrere Schritte. Zuerst müssen Sie die hexadezimale Farbe in einen RGB-Wert konvertieren. Anschließend können Sie die RGB-Werte in HSL konvertieren. Hier ist eine Schritt-für-Schritt-Anleitung:
Schritt 1: Hex in RGB konvertieren
Um eine 6-stellige Hexadezimalfarbe (z. B. #RRGGBB) in einen RGB-Wert umzuwandeln, wird der Hexadezimalcode in drei Paare mit jeweils zwei Zeichen für Rot (RR), Grün (GG) und Blau (BB) aufgeteilt. Konvertieren Sie dann jedes Paar von hexadezimal in dezimal.
Zum Beispiel, wenn Sie die Hexadezimalfarbe #336699 haben:
R: 33 (hexadezimal) = 3 * 16 + 3 = 51 (dezimal)
G: 66 (hexadezimal) = 6 * 16 + 6 = 102 (dezimal)
B: 99 (hexadezimal) = 9 * 16 + 9 = 153 (dezimal)
Die RGB-Werte für #336699 lauten also: R=51, G=102, B=153.
Schritt 2: RGB-Werte normalisieren
Normalisieren Sie die RGB-Werte so, dass sie im Bereich von 0 bis 1 liegen, indem Sie jeden Wert durch 255 (den Maximalwert für einen 8-Bit-Farbkanal) teilen.
R_norm = 51 / 255 ≈ 0,2
G_norm = 102 / 255 ≈ 0,4
B_norm = 153 / 255 ≈ 0,6
Schritt 3: Ermitteln Sie die minimalen und maximalen normalisierten RGB-Werte
Suchen Sie die minimalen (min_RGB) und maximalen (max_RGB) Werte unter den normalisierten R-, G- und B-Werten.
min_RGB ≈ 0,2 (in diesem Fall ist R_norm der kleinste)
max_RGB ≈ 0,6 (in diesem Fall ist B_norm der größte)
Schritt 4: Berechnen Sie den Farbton (H)
Der Farbtonwert (H) stellt die Farbe selbst dar und wird basierend auf den relativen Anteilen der RGB-Kanäle berechnet. Er wird als Winkel in Grad (0° bis 360°) ausgedrückt. Die Formel zur Berechnung von H lautet:
H = 60 * ( (G_norm - B_norm) / (max_RGB - min_RGB) ) mod 360
In diesem Fall ≈ H 60 * ((0,4 - 0,2) / (0,6 - 0,2)) ≈ 60 * (0,2 / 0,4) ≈ 60 * 0,5 ≈ 30°
Schritt 5: Berechnen Sie die Helligkeit (L)
Der Helligkeitswert (L) stellt die Helligkeit der Farbe dar und wird als Durchschnitt der max_RGB und min_RGB berechnet:
L = (max_RGB + min_RGB) / 2 ≈ (0,6 + 0,2) / 2 ≈ 0,4
Schritt 6: Berechnen Sie die Sättigung (S)
Der Sättigungswert (S) stellt die Intensität der Farbe dar und wird basierend auf der Helligkeit und den maximalen und minimalen RGB-Werten berechnet:
S = (max_RGB - min_RGB) / (1 - |2 * L - 1|)
S = (0,6 - 0,2) / (1 - |2 * 0,4 - 1|) ≈ 0,4 / 0,2 ≈ 2
Schritt 7: Farbton anpassen (optional)
Manchmal kann der berechnete Farbton negativ oder größer als 360° sein. Wenn dies der Fall ist, passen Sie den Farbton wie folgt an:
Wenn H 0 <, dann ist H = H + 360°
Wenn H 360° >, dann ist H = H - 360°
In diesem Fall H = 30° (keine Anpassung erforderlich)
Die HSL-Darstellung der Farbe #336699 ist also ungefähr: H=30°, S=2, L=0.4. Beachten Sie, dass HSL-Werte oft mit H als Winkel und S und L als Prozentsatz ausgedrückt werden, so dass die endgültige Darstellung als HSL (30°, 200%, 40%) angegeben werden kann.