Màu nền đồng nhất. Nó được hiển thị đằng sau bất kỳ background-image
nào được chỉ định, mặc dù màu sắc sẽ vẫn hiển thị thông qua bất kỳ độ trong suốt nào của hình ảnh
Điều quan trọng là phải đảm bảo rằng tỷ lệ tương phản giữa màu nền và màu của văn bản được đặt trên đó đủ cao để những người có thị lực kém có thể đọc được nội dung của trang
Tỷ lệ tương phản màu được xác định bằng cách so sánh độ chói của văn bản và giá trị màu nền. Để đáp ứng Nguyên tắc truy cập nội dung web [WCAG] hiện tại, tỷ lệ 4. 5. 1 là bắt buộc đối với nội dung văn bản và 3. 1 cho văn bản lớn hơn như tiêu đề. Văn bản lớn được định nghĩa là 18. 66px và in đậm hoặc lớn hơn hoặc 24px hoặc lớn hơn
- WebAIM. Trình kiểm tra độ tương phản màu
- Hiểu Tiêu chí Thành công 1. 4. 3. W3C Hiểu WCAG 2. 0
Giá trị ban đầu ______ 22 _______ Áp dụng cho tất cả các phần tử. Nó cũng áp dụng cho
background-color =0 và
background-color =1. Thừa kế không có Giá trị tính toánmàu tính toánKiểu hoạt ảnh
Loại dữ liệu CSS là một ký hiệu để mô tả cú pháp màu thập lục phân của màu sRGB bằng cách sử dụng các thành phần màu chính của nó [đỏ, lục, lam] được viết dưới dạng số thập lục phân, cũng như độ trong suốt của nó. Nó có thể được sử dụng ở mọi nơi mà loại
được cho phép
Giá trị có thể được sử dụng ở mọi nơi có thể sử dụng giá trị
#RGB // The three-value syntax #RGBA // The four-value syntax #RRGGBB // The six-value syntax #RRGGBBAA // The eight-value syntax
R
hoặc RR
Thành phần màu đỏ của màu, dưới dạng số thập lục phân không phân biệt chữ hoa chữ thường giữa 0
và
Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
0 [255]]. Nếu chỉ có một số, nó được nhân đôi. Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
1 có nghĩa là Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
2Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
3 hoặc Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
4Thành phần màu lục của màu, dưới dạng số thập lục phân không phân biệt chữ hoa chữ thường giữa 0
và
Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
0 [255]]. Nếu chỉ có một số, nó được nhân đôi. Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
7 có nghĩa là Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
8Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
9 hoặc div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
0Thành phần màu lam của màu, dưới dạng số thập lục phân không phân biệt chữ hoa chữ thường giữa 0
và
Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
0 [255]]. Nếu chỉ có một số, nó được nhân đôi. div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
3 có nghĩa là div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
4div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
5 hoặc div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
6 Tùy chọnThành phần alpha của màu, biểu thị độ trong suốt của nó, dưới dạng số thập lục phân không phân biệt chữ hoa chữ thường giữa 0
và
Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
0 [255]]. Nếu chỉ có một số, nó được nhân đôi. div {
width: 40px;
height: 40px;
}
.c1 {
background: #f09;
}
.c2 {
background: #f09;
}
.c3 {
background: #ff0099;
}
.c4 {
background: #ff0099;
}
9 có nghĩa là
0. 0
đại diện cho màu hoàn toàn trong suốt và Hexadecimal syntax for a fully opaque hot pink
#f09
#F09
#ff0099
#FF0099
0 là màu hoàn toàn mờ đục