Màu sắc HSL


Máy tính HSL


 
rgb (255, 0, 0)
# ff0000


H:
S:
L:

Màu HSL

Giá trị màu HSL được hỗ trợ trong IE9 +, Firefox, Chrome, Safari và Opera 10+.

HSL là viết tắt của màu sắc, độ bão hòa và độ sáng.

Giá trị màu HSL được chỉ định bằng :.hsl(hue, saturation, lightness)


Huế

Hue là một độ trên bánh xe màu từ 0 đến 360. 0 là đỏ, 120 là xanh lục, 240 là xanh lam.


Bão hòa

Độ bão hòa là một giá trị phần trăm; 0% có nghĩa là màu xám và 100% là màu đầy đủ.


Độ nhẹ

Độ sáng cũng là một tỷ lệ phần trăm; 0% là màu đen, 100% là màu trắng.

";} 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 + = ""; cho (i = 0; i ";} x + ="
" + i + "
"; document.getElementById (" lightnesstable "). innerHTML = x;} drawHueTable (0); drawSatTable (0); drawLigTable (0);

Hãy tự mình thử

Giá trị màu HSL được hỗ trợ trong tất cả các trình duyệt chính.

Thí dụ

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

❮ Trước Kế tiếp ❯