- Rgb zu Hsl
- Konvertieren Sie zwischen RGB und HSL
- Die Schritte zum Konvertieren von RGB in HSL:
- So konvertieren Sie zurück von HSL in RGB:
- Rgb-Hsl Farbcode-Tabelle
Rgb zu Hsl
Konvertieren Sie zwischen RGB und HSL
Das RGB-Farbmodell ist ein additives Modell, bei dem durch die Kombination von rotem, grünem und blauem Licht alle Farben erzeugt werden, die wir auf Computerbildschirmen sehen. Die Werte für RGB reichen von 0 bis 255, wodurch über 16 Millionen mögliche Farben entstehen.
Das HSL-Modell beschreibt Farben anhand von Farbton, Sättigung und Helligkeit. Dies basiert darauf, wie Menschen Farben wahrnehmen. Der Farbton steht für die Farbfamilie, die Sättigung für die Lebendigkeit und die Helligkeit für die Helligkeit.
- Der Farbton reicht von 0° bis 360° und stellt Positionen auf dem Farbkreis dar.
- Die Sättigung ist ein Prozentsatz von 0 % (Graustufen) bis 100 % (vollständig gesättigt)
- Helligkeit ist ein Prozentsatz von 0 % (Schwarz) bis 100 % (Weiß)
Die Schritte zum Konvertieren von RGB in HSL:
1. Normalisieren Sie RGB-Werte auf 0-1, indem Sie sie jeweils durch 255 teilen.
2. Finden Sie die minimalen und maximalen RGB-Werte.
3. Berechnen Sie die Helligkeit als (max + min) / 2.
4. Wenn max = min ist, ist die Sättigung 0 und der Farbton ist nicht definiert.
5. Andernfalls berechnen Sie die Sättigung:
- Sättigung = (max - min) / ( 1 - abs(max + min - 1))
6. Berechnen Sie den Farbton:
- Wenn Rot max ist, Farbton = (Grün - Blau) / (max - min)
- Wenn Grün max ist, Farbton = 2 + (Blau - Rot) / (max - min)
- Wenn Blau max ist, Farbton = 4 + (Rot - Grün) / (max - min)
7. Konvertieren Sie den Farbton in Grade zwischen 0°-360°.
8. Konvertieren Sie Sättigung und Helligkeit in Prozentsätze.
So konvertieren Sie zurück von HSL in RGB:
1. Wenn die Sättigung 0 ist, ist R=G=B=Helligkeit.
2. Ansonsten:
- Berechnen Sie Chroma (Sättigung) als (1 - abs(2*Helligkeit - 1)) * Sättigung
- Berechnen Sie den Farbton / 60
- Zwischenwerte für jeden Farbkanal berechnen
- Zwischenwerte mit Modulo und Farbton in RGB umwandeln
Dies ermöglicht eine einfache Konvertierung zwischen den beiden Farbmodellen. HSL ist nützlich zum Anpassen von Farben, während RGB für die Anzeige benötigt wird.
Rgb-Hsl Farbcode-Tabelle
Farbe | RGB | HSL | Farbvorschau |
---|---|---|---|
Rot | (255, 0, 0) | (0, 100%, 50%) |
|
Grün | (0, 255, 0) | (120, 100%, 50%) |
|
Blau | (0, 0, 255) | (240, 100%, 50%) |
|
Gelb | (255, 255, 0) | (60, 100%, 50%) |
|
Zyan | (0, 255, 255) | (180, 100%, 50%) |
|
Magenta | (255, 0, 255) | (300, 100%, 50%) |
|
Weiß | (255, 255, 255) | (0, 0%, 100%) |
|
Schwarz | (0, 0, 0) | (0, 0%, 0%) |
|
Orange | (255, 165, 0) | (39, 100%, 50%) |
|
Lila | (128, 0, 128) | (300, 100%, 25%) |
|
Braun | (165, 42, 42) | (0, 59%, 41%) |
|
Rosa | (255, 192, 203) | (350, 24%, 91%) |
|
Grau | (128, 128, 128) | (0, 0%, 50%) |
|
Diese Tabelle zeigt einige gängige RGB-Werte und die entsprechende HSL-Darstellung. Wie Sie sehen können, befasst sich RGB direkt mit den Farbkomponenten, während HSL die Farben durch Farbton, Sättigung und Helligkeit wahrnehmbar darstellt. Die Umrechnungsformeln ermöglichen das Wechseln zwischen diesen beiden Farbräumen.