Màu sắc & Thiết kế
Công cụ kiểm tra độ tương phản (WCAG)
Công cụ kiểm tra độ tương phản WCAG miễn phí. Kiểm tra độ tương phản giữa hai màu bất kỳ – xem kết quả đạt/không đạt AA/AAA cho văn bản bình thường và văn bản lớn. Dành cho thiết kế dễ tiếp cận và a11y.
Contrast checker (WCAG)
Ghi chú của biên tập viên
Understanding · Designing for the eye on the bus.
Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.
Các câu hỏi thường gặp
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
Mọi người cũng tìm kiếm
Use with
What people reach for next.
Công cụ liên quan
More in this room.
- Công cụ chuyển đổi màu (HEX/RGB/HSL/OKLCH)Chuyển HEX, RGB, HSL, OKLCH tức thì.
- Công cụ tìm màu TailwindLớp Tailwind gần nhất cho bất kỳ màu HEX nào.
- Công cụ chọn màu & bảng màu hình ảnhKéo thả hình ảnh, trích xuất bảng màu.
- Trình giả lập mù màuXem trước bảng màu qua deuteranopia, protanopia và hơn thế nữa.
- Trình tạo GradientGradient CSS tuyến tính, xuyên tâm và hình nón.
- Trình tạo Box ShadowTrình chỉnh sửa box-shadow CSS trực quan.