Màu HSL CSS
- Trang Trước Màu HEX CSS
- Trang Tiếp Theo Nền CSS
Giá trị HSL
Trong CSS, bạn có thể sử dụng tông, độ bão hòa và độ sáng (HSL) để chỉ định màu, theo định dạng sau:
hsla(hue, saturation, lightness)
Tông (hue）là độ số từ 0 đến 360 độ trên bánh xe màu. 0 là màu đỏ, 120 là màu xanh lá cây, 240 là màu xanh dương.
Độ bão hòa (saturation）là giá trị phần trăm, 0% biểu thị bóng xám, trong khi 100% là màu nguyên chất.
Độ sáng (lightness）cũng là phần trăm, 0% là màu đen, 50% là cả không sáng và không tối, 100% là màu trắng.
Vui lòng thử trộn các giá trị HSL sau:
HUE
SATURATION
LIGHTNESS
Mẫu
Độ bão hòa
Độ bão hòa có thể được mô tả là cường độ của màu.
100% là màu nguyên chất, không có bóng xám
50% là 50% xám, nhưng bạn vẫn có thể thấy màu.
0% là hoàn toàn xám, bạn không thể thấy màu.
Mẫu
Độ sáng
Độ sáng tối của màu có thể được mô tả là ánh sáng cần cung cấp cho màu, trong đó 0% biểu thị không sáng (màu đen), 50% biểu thị 50% sáng (cả không tối và không sáng), 100% biểu thị sáng hoàn toàn (màu trắng).
Mẫu
Thường xuyên bằng cách đặt tông và độ bão hòa thành 0 để định nghĩa bóng xám, và điều chỉnh độ sáng từ 0% đến 100% để có bóng sâu/hơi hơn:
Mẫu
Giá trị HSLA
Giá trị màu HSLA là sự mở rộng của giá trị màu HSL có kênh Alpha - nó chỉ định độ trong suốt của màu.
Giá trị màu HSLA được chỉ định là:
hsla(hue, saturation, lightness, alpha)
alpha Các tham số là số từ 0.0 (hoàn toàn trong suốt) đến 1.0 (hoàn toàn không trong suốt):
Vui lòng thử kết hợp các giá trị HSLA sau:
HUE
SATURATION
LIGHTNESS
ALPHA
Mẫu
- Trang Trước Màu HEX CSS
- Trang Tiếp Theo Nền CSS
