Thư viện thuật ngữ / Màu sắc

HSL là gì?

Còn gọi: hue saturation lightness

HSL là cách mô tả màu bằng ba thông số: Hue (sắc độ, góc 0–360° trên vòng màu), Saturation (độ bão hoà, %) và Lightness (độ sáng, %), phổ biến trong CSS và công cụ thiết kế web.

Ảnh minh hoạ HSL: hình trụ HSL có trục sáng, vòng sắc độ và bán kính bão hoà
Hình trụ HSL có trục sáng, vòng sắc độ và bán kính bão hoà

Hiểu kỹ hơn

HSL dễ hiểu hơn RGB khi chỉnh màu: muốn màu nhạt hơn chỉ cần tăng L, muốn trầm hơn thì giảm S. Trong HSL, L = 50% là màu thuần, L = 100% luôn là trắng và L = 0% luôn là đen. HSL khác HSB (HSV): trong HSB, B = 100% với S = 100% là màu thuần, còn trắng cần S = 0%. Nhược điểm của HSL là độ sáng không đều với mắt người: vàng và xanh dương cùng L = 50% nhưng vàng trông sáng hơn nhiều.