Có W3 hoặc bất kỳ tiêu chuẩn đáng chú ý nào khác về cách thể hiện màu (bao gồm cả kênh alpha) ở định dạng hex không?
Đó là #RGBA hay #ARGB?
:-P
Có W3 hoặc bất kỳ tiêu chuẩn đáng chú ý nào khác về cách thể hiện màu (bao gồm cả kênh alpha) ở định dạng hex không?
Đó là #RGBA hay #ARGB?
:-P
Câu trả lời:
Trong CSS 3, để trích dẫn từ thông số kỹ thuật, "không có ký hiệu thập lục phân cho giá trị RGBA" (xem thông số CSS Cấp 3 ). Thay vào đó, bạn có thể sử dụng ký hiệu chức năng rgba () với số thập phân hoặc tỷ lệ phần trăm, ví dụ rgba (255, 0, 0, 0,5) sẽ có màu đỏ trong suốt 50%. Các kênh RGB là 0-255 hoặc 0% -100%, alpha là 0-1.
Trong CSS 4 *, bạn có thể chỉ định kênh alpha bằng cách sử dụng các ký tự thứ 7 và thứ 8 của màu lục giác 8 chữ số hoặc ký tự thứ 4 của màu lục giác 4 chữ số (xem thông số CSS Cấp 4 *)
Kể từ tháng 5 năm 2019,> 80% người dùng có thể được mong đợi hiểu định dạng #RGBA
Thông tin hỗ trợ trình duyệt cập nhật có sẵn trên CanIUse.com
* Về mặt kỹ thuật vẫn còn trong dự thảo, nhưng được hỗ trợ trình duyệt, điều này khó có thể thay đổi.
Có vẻ như không có định dạng hex alpha: http://www.w3.org/TR/css3-color/
Dù sao, nếu bạn sử dụng bộ tiền xử lý CSS như SASS thì bạn có thể chuyển hex sang rgba
: nền:
rgba(#000, 0.5);
Và bộ tiền xử lý chỉ tự động chuyển đổi mã hex thành rgb.
Tôi không chắc có tiêu chuẩn chính thức nào không
RGBA là đại diện tôi từng thấy cho Web Macromedia và những người khác sử dụng ARGB
Tôi tin rằng RGBA là đại diện phổ biến hơn.
Nếu nó giúp điều này là từ W3 cho CSS3
http://www.w3.org/TR/css3-color/#rgba-color
EDIT (Patrick): trích dẫn từ liên kết W3 ở trên
Không giống như các giá trị RGB, không có ký hiệu thập lục phân cho giá trị RGBA
Chrome 52+ hỗ trợ alpha hex:
background: #56ff0077;
Đối với các trình duyệt cũ hơn, bạn sẽ phải sử dụng:
background-color: rgba(255, 220, 0, 0.3);
Bạn có thể thử đặt màu hex vào bộ chọn màu của GIMP hoặc cửa hàng ảnh để lấy giá trị RGB và sau đó sử dụng giá trị alpha. ví dụ. màu đỏ là #FF0000
hoặc rgb(255,0,0
) nếu bạn muốn màu đỏ có giá trị alpha là 0,5 rgba(255,0,0,.5)
.
Có thể không chính xác những gì bạn muốn nhưng hy vọng sẽ giúp.