HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Barvy HSL

❮ Předchozí Další ❯

Kalkulačka HSL


 
rgb(255, 0, 0)
#ff0000

H:
S:
L:

Barvy HSL

Hodnoty barev HSL jsou podporovány v prohlížečích IE9+, Firefox, Chrome, Safari a Opera 10+.

HSL znamená odstín, sytost a světlost.

Hodnoty barev HSL jsou specifikovány pomocí: .hsl(hue, saturation, lightness)

Odstín

Odstín je stupeň na barevném kole od 0 do 360. 0 je červená, 120 je zelená, 240 je modrá.

Nasycení

Sytost je procentuální hodnota; 0 % znamená odstín šedé a 100 % je plná barva.

Světlost

Lehkost je také procentuální; 0 % je černá, 100 % je bílá.

"; } 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 ( i = 0; i "; } x + = "
" + i + "
"; document.getElementById("saturationtable").innerHTML = x; } function drawLigTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; pro (i = 0; i "; } x += "
" + i + "
"; document.getElementById("lightnesstable").innerHTML = x; } drawHueTable(0); drawSatTable(0); drawLigTable(0);

Zkus to sám

Hodnoty barev HSL jsou podporovány ve všech hlavních prohlížečích.

Příklad

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

❮ Předchozí Další ❯