Màu sắc & GradientCập nhật: 2026-08-26
Kiểm tra độ tương phản màu WCAG
Trả lời nhanh:Colour Contrast Checker đo lường tỷ lệ tương phản giữa màu chữ và màu nền, xác định sự tuân thủ các cấp độ WCAG 2.2 AA và AAA cho văn bản lớn và văn bản thông thường.
Tỷ lệ tương phản màu sắc:
17.85 : 1
ĐẠT CHUẨNHeadline Preview (18pt+)
Live sample text demonstrating readability and visual contrast against selected background.
WCAG AA
Normal (≥ 4.5:1)
WCAG AA
Large (≥ 3.0:1)
WCAG AAA
Normal (≥ 7.0:1)
WCAG AAA
Large (≥ 4.5:1)
Hướng dẫn cách sử dụng Kiểm tra độ tương phản màu WCAG
1
Chọn màu chữ (Foreground)
Nhập mã màu hoặc chọn màu chữ.
2
Chọn màu nền (Background)
Nhập mã màu hoặc chọn màu nền.
3
Xem đánh giá Đạt / Không đạt
Kiểm tra các huy hiệu chứng nhận WCAG.
Giải thích ý nghĩa các chỉ số kết quả
WCAG AA (4.5:1)
Tiêu chuẩn tương phản tối thiểu bắt buộc cho văn bản thông thường.
WCAG AAA (7:1)
Cấp độ tương phản cao nhất tối ưu cho người khiếm thị.
Tính năng nổi bật
Tính tỷ lệ tương phản chính xác (ví dụ: 4.5:1, 7:1)
Kiểm tra tiêu chuẩn WCAG AA và AAA
Xem trước chữ trên nền thực tế
Tự động gợi ý màu đạt chuẩn
Câu hỏi thường gặp (FAQ)
Giải đáp thắc mắc và cơ chế hoạt động của Kiểm tra độ tương phản màu WCAG
A:
Giúp website dễ đọc cho tất cả mọi người, kể cả người cao tuổi hoặc khi dùng điện thoại ngoài trời nắng.
Công cụ liên quan trong nhóm
Màu sắc & Gradient
Chuyển đổi hệ màu (HEX, RGB, HSL)
Chuyển đổi mã màu giữa các hệ màu HEX, RGB, HSL, HSV, CMYK và OKLCH.
Màu sắc & Gradient
Tạo bảng phối màu hài hòa
Tạo bảng phối màu hài hòa (Monochromatic, Analogous, Complementary, Triadic).
Màu sắc & Gradient
Tạo dải màu CSS Gradient trực quan
Tạo dải chuyển màu Linear & Radial Gradient trực quan với mã CSS copy 1-click.