Bản mẫu:Color contrast conformance
Giao diện
Contrast: blue & orange, conformance level= none
![]() | Bản mẫu này sử dụng Lua: |
Cách sử dụng
[sửa mã nguồn]Bản mẫu:Color contrast conformance đưa ra phán quyết "AAA", "AA" hoặc "không" cho mức độ phù hợp với WCAG 2.0 gồm hai màu với nhau, về tỷ lệ tương phản, trong đó các màu có thể là RGB #numbers
(#56F3BB
) hoặc mã màu (green
, darkorange
, hoặc NavahoWhite
, etc.).
Mã | Kết quả |
---|---|
{{Color contrast conformance|blue|white}} |
Contrast: blue & white, conformance level= AAA |
{{Color contrast conformance|red|#FFcc00}} |
Contrast: red & #FFcc00, conformance level= none |
{{Color contrast conformance|black|White|show=no}} |
AAA |
Tham số 1 hoặc 2 có thể là tên màu tiêu chuẩn (bằng chữ in hoa/thường) hoặc RGB #number
, ví dụ như: #FF45BB
. Xem: Web colors, để biết danh sách đầy đủ các tên màu và RGB được gán giá trị #mã màu
. Tùy chọn "show=no
" sẽ ngăn chặn hiển thị tên hoặc số màu và chỉ đưa ra câu trả lời "AAA", "AA" hoặc "none".
Các màu HTML
[sửa mã nguồn]AAA | AAA | AAA | AAA | AAA | AAA | AA | AA | AA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AAA | AAA | AAA | AAA | AAA | AAA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AAA | AAA | AAA | AAA | AA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AAA | AAA | AAA | AA | AA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AAA | AAA | AA | AA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AA | AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
AA | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AA | AAA | AAA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AA | AA | AAA | AAA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AA | AAA | AAA | AAA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AAA | AAA | AAA | AAA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AAA | AAA | AAA | AAA | AAA | |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
AA | AA | AAA | AAA | AAA | AAA | AAA |
Hỗ trợ bản mẫu
[sửa mã nguồn]- {{Color contrast ratio}}, đưa ra tỷ lệ số — sử dụng Bản mẫu:M2
Xem thêm
[sửa mã nguồn]- {{ColorToLum}}, cho giá trị độ chói của một màu.
- {{color contrast ratio}}, cho giá trị tỉ lệ màu