HSL-Rechner
rgb (255, 0, 0)
# ff0000
H:
S:
L:
HSL Farben
HSL-Farbwerte werden in IE9 +, Firefox, Chrome, Safari und Opera in 10+ unterstützt.
HSL steht für Farbton, Sättigung und Helligkeit.
HSL - Farbwerte werden angegeben mit: hsl( hue , saturation , lightness ) .
Farbton
Der Farbton ist ein Grad auf dem Farbrad von 0 bis 360. 0 rot, 120 grün, 240 blau ist.
Sättigung
Die Sättigung ist ein Prozentwert; 0% bedeutet einen Grauton und 100% ist die Farbe.
Leichtigkeit
Leichtigkeit ist auch ein Prozentsatz; 0% ist schwarz, 100% ist weiß.
Versuch es selber
HSL-Farbwerte werden in allen gängigen Browsern unterstützt.
Beispiel
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
Versuch es selber "