Kleure HSL

HSL Sakrekenaar

rgb(255; 0; 0)
#ff0000

HSL Kleure

HSL-kleurwaardes word ondersteun in IE9+, Firefox, Chrome, Safari en in Opera 10+.

HSL staan vir kleur, versadiging en ligtheid.

HSL-kleurwaardes word gespesifiseer met: .hsl(hue, saturation, lightness)

Tint

Tint is 'n graad op die kleurwiel van 0 tot 360. 0 is rooi, 120 is groen, 240 is blou.

Versadiging

Versadiging is 'n persentasiewaarde; 0% beteken 'n skakering van grys en 100% is die volkleur.

Ligte

Ligte is ook 'n persentasie; 0% is swart, 100% is wit.

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

" + i + "

"; document.getElementById("versadigingstabel").innerHTML = x; } funksie drawLigTable(hue) { var x, i; x = "" x += ""; vir (i = 0; i "; } x += ""; x += ""; vir (i = 0; i "; } x += "

" + i + "

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

Probeer dit self

HSL-kleurwaardes word in alle groot blaaiers ondersteun.

Voorbeeld

<style>

div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}

</style>

❮ Vorige Volgende ❯

Kleure Tutoriaal

Kleurskemas _

Kleurtendense _

Kleurstandaarde _