Hsl zu Rgb

R
G
B
R, G, B
Letzte Aktualisierung:


Hsl zu Rgb

HSL (Farbton, Sättigung, Helligkeit) und RGB (Rot, Grün, Blau) sind zwei verschiedene Farbmodelle, die zur Darstellung von Farben in der digitalen Bildgebung und Computergrafik verwendet werden. HSL wird oft als intuitiver für die menschliche Wahrnehmung und Manipulation von Farben angesehen, während RGB eng mit der Art und Weise verbunden ist, wie Farben auf elektronischen Bildschirmen angezeigt werden.

HSL (Farbton, Sättigung, Helligkeit):

  • Farbton: Dies stellt die tatsächliche Farbe dar, z. B. Rot, Blau, Grün usw. Er wird als Winkel auf einem Farbkreis dargestellt, der von 0° bis 360° reicht. Rot befindet sich in der Regel bei 0°, Grün bei 120° und Blau bei 240°.
  • Sättigung: Dies misst die Intensität oder Reinheit einer Farbe. Ein Sättigungswert von 100 % bedeutet, dass die Farbe vollständig gesättigt und lebendig ist, während ein Wert von 0 % zu einer Graustufenfarbe (keine Farbe) führt.
  • Helligkeit: Dies stellt die Helligkeit der Farbe dar. Ein Helligkeitswert von 0 % ist vollständig schwarz, 100 % ist vollständig weiß und 50 % ist die Originalfarbe bei normaler Helligkeit.

Die Konvertierung von HSL in RGB erfordert mehrere mathematische Operationen. Sobald Sie die Werte für Farbton, Sättigung und Helligkeit haben, können Sie die folgenden Formeln verwenden, um die entsprechenden RGB-Werte zu berechnen:

  1. Farbton normalisieren: Wandeln Sie den Farbtonwinkel von Grad in einen Wert zwischen 0 und 1 um.
  2. Chroma berechnen: Chroma stellt die Sättigung der Farbe ohne Berücksichtigung der Helligkeit dar. Sie wird berechnet, indem die Sättigung mit dem Minimum von (1 - |2 * Helligkeit - 1|) und 1 multipliziert wird.
  3. Temporäre Werte berechnen: Diese temporären Werte helfen bei der Berechnung von Zwischenkomponenten der RGB-Farbe.
    • X = Sättigung * (1 - |( Farbton / 60) % 2 - 1|)  (wird für Zwischenberechnungen verwendet)
    • m = Helligkeit - Chroma / 2
  4. RGB-Komponenten berechnen:
    • Wenn 0° <= Farbton < 60°: RGB = (Chroma + m, X + m, m)
    • Bei 60° <= Farbton < 120°: RGB = (X + m, Chroma + m, m)
    • Bei 120° <= Farbton < 180°: RGB = (m, Chroma + m, X + m)
    • Wenn 180° <= Farbton < 240°: RGB = (m, X + m, Chroma + m)
    • Wenn 240° <= Farbton < 300°: RGB = (X + m, m, Chroma + m)
    • Wenn 300° <= Farbton < 360°: RGB = (Chroma + m, m, X + m)
  5. RGB-Werte normalisieren: Stellen Sie sicher, dass die berechneten R-, G- und B-Werte zwischen 0 und 1 liegen. Bei Bedarf können Sie sie mit 255 multiplizieren, um die standardmäßigen 8-Bit-Farbwerte zu erhalten.

Denken Sie daran, dass bei diesen Formeln davon ausgegangen wird, dass der Farbtonwert in Grad angegeben wird und die Sättigungs- und Helligkeitswerte zwischen 0 und 1 liegen.

Die Konvertierung von HSL zu RGB und umgekehrt kann etwas komplex sein, daher kann die Verwendung von Bibliotheken oder Tools, die integrierte Funktionen für Farbraumkonvertierungen bieten, den Prozess vereinfachen.

Farbtabelle

Farbname HSL (H, S, L) RGB (R, G, B) Farbvorschau
Rot (0, 1, 0.5) (255, 0, 0)  
Grün (120, 1, 0.5) (0, 255, 0)  
Blau (240, 1, 0.5) (0, 0, 255)  
Gelb (60, 1, 0.5) (255, 255, 0)  
Türkis (180, 1, 0.5) (0, 255, 255)  
Lavendel (300, 1, 0.5) (255, 0, 255)  
Schwarz (0, 0, 0) (0, 0, 0)  
Weiß (0, 0, 1) (255, 255, 255)  
Gesättigtes Schwarz (0, 1, 0) (0, 0, 0)  
Gesättigtes Rot (0, 1, 1) (255, 0, 0)  
Blassgrün (120, 1, 0.25) (64, 128, 64)  
Pastelllila (240, 0.5, 0.75) (128, 64, 128)  

#HSL zu RGB #HSL-Konverter #Farbkonverter

Wir verwenden Cookies, um Ihre Erfahrung auf unserer Website zu verbessern. Die Arten der verwendeten Cookies: Wesentliche Cookies und Marketing-Cookies. Um unsere Cookie-Richtlinie zu lesen, klicken Sie auf hier.