Chuyển tới nội dung chính

Kiểm tra độ tương phản

Kiểm tra màu chữ và màu nền theo WCAG 2.2 và nhận các màu gần nhất đạt chuẩn.

Màu

Bảng chọn đang sửa

WCAG 2.2

Chữ lớn, 24px

Chữ nội dung cỡ 16px trông thế này.

Nút bấm
Tỉ lệ tương phản
5.63:1
Tiêu chíAAAAA
Chữ thường ≥ 4.5:1ĐạtKhông đạt
Chữ lớn ≥ 3:1ĐạtĐạt
Thành phần giao diện ≥ 3:1ĐạtKhông có mức AAA

Màu gần nhất để đạt

Giữ nguyên sắc độ và độ bão hoà, chỉ đổi độ sáng. Chọn một màu để dùng.

  • Chữ để đạt AAĐã đạt
  • Chữ để đạt AAA#4e5567 · 7.07:1
  • Nền để đạt AAĐã đạt
  • Nền để đạt AAAKhông độ sáng nào đạt được

Chạy ngay trên trình duyệt; những gì bạn nhập không rời khỏi trang này.

Cách hoạt động

Tỉ lệ tương phản

Công cụ tính tỉ lệ tương phản giữa hai màu từ độ chói tương đối, từ 1:1 (giống hệt) đến 21:1 (đen trên trắng), rồi so với các ngưỡng của WCAG 2.2.

tỉ lệ = (L_sáng + 0,05) ÷ (L_tối + 0,05)

Thế nào là đạt

Chữ thường cần 4,5:1 để đạt AA và 7:1 để đạt AAA. Chữ lớn cần 3:1 cho AA và 4,5:1 cho AAA. Thành phần giao diện và hình đồ hoạ cần 3:1.

Khi cặp màu không đạt, công cụ gợi ý các màu gần nhất đạt chuẩn. Mỗi màu giữ nguyên sắc độ và độ bão hoà, chỉ đổi độ sáng, nên kết quả vẫn nhận ra là màu của bạn.