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

Colori HSL

❮ Precedente Prossimo ❯

Calcolatrice HSL


 
RGB(255, 0, 0)
#ff0000

H:
S:
L:

Colori HSL

I valori di colore HSL sono supportati in IE9+, Firefox, Chrome, Safari e Opera 10+.

HSL sta per tonalità, saturazione e luminosità.

I valori di colore HSL sono specificati con: .hsl(hue, saturation, lightness)

Tinta

La tonalità è un grado sulla ruota dei colori da 0 a 360. 0 è rosso, 120 è verde, 240 è blu.

Saturazione

La saturazione è un valore percentuale; 0% significa una sfumatura di grigio e 100% è il colore pieno.

Leggerezza

Anche la leggerezza è una percentuale; 0% è nero, 100% è bianco.

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

Provate voi stessi

I valori di colore HSL sono supportati in tutti i principali browser.

Esempio

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

❮ Precedente Prossimo ❯