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

Cách thực hiện

1. 1
   Điền vào các ô

   Nhập số của bạn hoặc chọn các tùy chọn cần thiết.

2. 2
   Xem kết quả

   Câu trả lời cập nhật ngay khi bạn thay đổi giá trị.

3. 3
   Sử dụng

   Sao chép kết quả hoặc ghi lại. Không có gì được gửi đi đâu cả.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Ví dụ có lời giải

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Mẹo để có kết quả tốt nhất

Kiểm tra từng ô trước khi tin vào kết quả, vì một con số sai sẽ làm thay đổi toàn bộ đáp án. Dùng số chính xác từ phiếu lương, hóa đơn, chứng chỉ hoặc hợp đồng và ghi lại ngày bạn tính. Mức thuế, ngưỡng và quy tắc thay đổi theo thời gian, vì vậy với thuế, phí và vấn đề pháp lý hãy coi kết quả là ước tính và đối chiếu với nguồn chính thức nêu trên trang. Bạn có thể thử bao nhiêu kịch bản tùy ý; không có gì được lưu hay gửi đi, tải lại trang sẽ xóa các ô.