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

Kiểm tra tỷ lệ tương phản WCAG AA/AAA giữa hai màu

Giới thiệu về máy tính này

Công cụ kiểm tra độ tương phản màu tính tỷ số tương phản WCAG 2.x giữa màu tiền cảnh và màu nền bằng công thức độ chói tương đối (L1 + 0,05) / (L2 + 0,05). Công cụ nhận đầu vào dạng #rgb, #rrggbb và rgb(r,g,b), cho biết tỷ số chính xác, độ chói của cả hai màu và kết quả đạt/không đạt theo mức AA và AAA ở ngưỡng chữ thường (4,5:1 / 7:1) và chữ lớn (3:1 / 4,5:1). Màu không hợp lệ sẽ trả về lỗi. Không thể thiếu cho thiết kế web dễ tiếp cận.

Cách sử dụng Kiểm tra độ tương phản màu

  1. Nhập hoặc dán dữ liệu vào ô nhập liệu.
  2. Xem kết quả — kết quả cập nhật ngay khi bạn gõ.
  3. Điều chỉnh các tùy chọn (nếu có) cho phù hợp với nhu cầu của bạn.
  4. Sao chép URL của trang để chia sẻ đúng kết quả này.

Ví dụ thường gặp

  • #000000 trên #ffffff → 21,0000:1 — đạt mọi mức AA và AAA
  • #777777 trên #ffffff → 4,4781:1 — trượt AA chữ thường trong gang tấc, đạt AA chữ lớn
  • #0066cc trên #ffffff → 5,5666:1 — đạt AA, không đạt AAA chữ thường
  • #ffcc00 trên #333333 → 8,3564:1 — đạt AAA với mọi cỡ chữ

Câu hỏi thường gặp

Kiểm tra độ tương phản màu hoạt động như thế nào?

Nhập hoặc dán dữ liệu của bạn, công cụ sẽ xử lý trực tiếp trong trình duyệt và hiển thị kết quả ngay lập tức. Không có gì bạn nhập bị tải lên máy chủ — toàn bộ quá trình tính toán diễn ra trên thiết bị của bạn.

Khi nào nên dùng Kiểm tra độ tương phản màu?

Công cụ tiện lợi cho các công việc phát triển, gỡ lỗi, thiết kế và quản trị — bất cứ khi nào bạn cần thực hiện nhanh phép biến đổi hoặc kiểm tra này mà không phải cài đặt gì hay giao dữ liệu của mình cho dịch vụ bên thứ ba.

Kết quả đáng tin cậy đến mức nào?

Công cụ triển khai trực tiếp tiêu chuẩn hoặc đặc tả liên quan, nên kết quả khớp với những gì phần mềm tuân thủ chuẩn tạo ra. Các trường hợp biên như dữ liệu trống hoặc sai định dạng được báo rõ ràng thay vì lỗi một cách âm thầm.

Tôi có thể chia sẻ một kết quả cụ thể với người khác không?

Có. Dữ liệu bạn nhập sẽ cập nhật URL, vì vậy chỉ cần sao chép thanh địa chỉ và chia sẻ liên kết là người nhận sẽ mở lại công cụ ở đúng trạng thái đó.