Farben HSL

HSL-Rechner

RGB(255, 0, 0)
#ff0000

HSL-Farben

HSL-Farbwerte werden in IE9+, Firefox, Chrome, Safari und in Opera 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 ist rot, 120 ist grün, 240 ist blau.

Sättigung

Die Sättigung ist ein Prozentwert; 0 % bedeutet einen Grauton und 100 % ist die volle Farbe.

Leichtigkeit

Helligkeit ist auch ein Prozentsatz; 0 % ist schwarz, 100 % ist weiß.

"; } x += ""; x += ""; n = 0; for (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable"). innerHTML = x; } function drawSatTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( ich = 0; ich "; } x += "

" + i + "

"; document.getElementById("sättigungstabelle").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; für (i = 0; ich "; } x += "

" + i + "

"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

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>

❮ Vorherige Nächste ❯

Farben -Tutorial

Farbschemata _

Farbtrends _

Farbstandards _