HSL Farbwähler

Mit HSL-Werten werden Farben über drei Angaben beschrieben. Diese stehen für Farbton, Sättigung und Helligkeit.
Der Farbton wird als Ganzzahl angegeben, die Sättigung und Helligkeit in Prozent. Dadurch lässt sich eine Farbe gezielt verändern.

Text in Schwarz

Text mit Schatten

Text in Weiß

Text in Weiß + Schatten

hsl:------

hex:------

rgb:------

H:
S:
L:
body {
background-color: #ff0000;
}
h1 {
color: #000;
}
p {
color: #000;
}
section {
border-color: #000;
}