HSL sang RGBA

So sánh HSL với RGBA

HSL, HLS hoặc HSI (từ màu tiếng Anh, độ bão hòa, độ đậm nhạt (cường độ)) là một mô hình màu trong đó tọa độ màu là màu sắc, độ bão hòa và độ đậm nhạt. Cần lưu ý rằng HSV và HSL là hai mô hình màu khác nhau (độ đậm nhạt, khác với độ sáng). Mô hình màu HSL cho phép bạn diễn giải mô hình RGB cơ sở trong phép chiếu của hệ tọa độ màu hình trụ. Các nhà chỉnh màu tin rằng HSL cho phép bạn chỉ định màu theo cách con người dễ đọc hơn so với mô hình RGB điển hình. HSL viết tắt được hiểu là Hue (màu sắc / sắc độ), Saturation (độ bão hòa), Lightness / Luminance (độ chói, không nên nhầm với độ sáng). Yếu tố đầu tiên (Hue) cho biết tọa độ màu trong bánh xe màu (từ 0 đến 360 độ). Hệ số thứ hai (Độ bão hòa) truyền tải giá trị độ bão hòa dưới dạng phần trăm (từ 0% đến 100%). Yếu tố cuối cùng (Độ sáng) cho biết phần trăm độ đậm nhạt (từ 0% đến 100%).

RGBA là viết tắt của Red Green Blue Alpha. Mặc dù đôi khi được gọi là không gian màu, nó thực sự là một mô hình màu RGB ba kênh, được tăng cường bởi một kênh alpha thứ tư. Alpha chỉ định mức độ mờ của mỗi pixel và cho phép bạn kết hợp một hình ảnh với các pixel khác bằng cách sử dụng hòa trộn alpha, với các vùng trong suốt và làm mịn các cạnh của các vùng mờ. Định dạng RGBA tương tự về cú pháp với RGB, nhưng bao gồm một kênh alpha kiểm soát độ trong suốt của phần tử. Giá trị 0 tương ứng với độ trong suốt hoàn toàn, 1 là độ trong suốt và giá trị trung gian như 0,5 đến nửa trong suốt. RGBA đã được thêm vào trong CSS3, vì vậy việc xác thực mã CSS phải được thực hiện bằng phiên bản này. Cần lưu ý rằng tiêu chuẩn CSS3 vẫn đang được phát triển và một số tính năng trong nó có thể thay đổi. Ví dụ: một màu RGB được thêm vào thuộc tính màu nền được xác thực, nhưng màu được thêm vào thuộc tính nền không còn nữa. Đồng thời, các trình duyệt hiểu khá chính xác về màu sắc cho cả hai thuộc tính.