Công cụ hình ảnh và thiết kế
Contrast Checker
Contrast Checker chạy trong trình duyệt để kiểm tra, chuyển đổi hoặc chuẩn bị kết quả mà không gửi dữ liệu lên máy chủ.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker là công cụ trình duyệt cục bộ cho quy trình hình ảnh và thiết kế. Dữ liệu nhập, tùy chọn và kết quả nằm trên một trang.
How to use it
- Dán dữ liệu
Nhập hoặc dán giá trị cần xử lý vào vùng nhập.
- Điều chỉnh tùy chọn
Chọn chế độ, định dạng hoặc đơn vị phù hợp với contrast, WCAG, accessibility.
- Kiểm tra kết quả
Chạy công cụ rồi sao chép hoặc tải xuống sau khi kiểm tra.
Examples
Ví dụ Contrast Checker
- Input
- Dữ liệu mẫu
- Output
- Kết quả đã kiểm tra trong trình duyệt.
Practical tips
- Với nội dung lớn, hãy bắt đầu bằng mẫu nhỏ.
- Quảng cáo nằm ngoài điều khiển chính và vùng kết quả.
FAQ
Nên nhập gì vào Contrast Checker?
Dùng giá trị phù hợp với tác vụ hiển thị và chỉnh tùy chọn trước khi chạy.
Có thể sao chép kết quả của Contrast Checker không?
Có. Kiểm tra kết quả rồi sao chép hoặc tải xuống.
Contrast Checker có dùng được trên điện thoại không?
Có. Dữ liệu nhập, tùy chọn và kết quả xếp gọn trên màn hình nhỏ.
Dữ liệu của tôi có gửi lên máy chủ không?
Không. Công cụ được thiết kế để xử lý dữ liệu trong trình duyệt.