Bảng màu HEX / RGB / HSL & Độ tương phản WCAG

Chọn mã màu giao diện web, quy đổi HEX ↔ RGB ↔ HSL và kiểm tra độ tương phản chữ/nền chuẩn WCAG AA/AAA.

Hướng dẫn sử dụng

  1. Chọn màu hoặc nhập mã HEX cho Màu chữ (Foreground) và Màu nền (Background).
  2. Sao chép nhanh chuỗi HEX, RGB hoặc HSL tương ứng.
  3. Kiểm tra trạng thái Đạt / Chưa đạt chuẩn WCAG AA & AAA.

Tính năng nổi bật

  • Quy đổi đồng bộ HEX, RGB và HSL kèm nút sao chép CSS nhanh.
  • Tính chính xác tỷ lệ tương phản WCAG 2.1 từ 1:1 đến 21:1.

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

Tỷ lệ tương phản bao nhiêu là đạt chuẩn web dễ đọc?

Theo WCAG 2.1, văn bản thường nên đạt tối thiểu 4.5:1 (AA) và lý tưởng từ 7.0:1 trở lên (AAA).

Công cụ liên quan