Kiểm tra tương phản màu theo chuẩn WCAG 2.1 AA/AAA cho văn bản và thành phần giao diện.

Màu

Chữ / màu chữ

#1A1A1A

Nền

#FFFFFF

Xem trước

Chữ lớn 24px

Chữ thường 16px — the quick brown fox jumps over the lazy dog.

Chú thích nhỏ 13px.

Tỉ lệ tương phản

17.40:1

AA — Chữ thường (≥ 4.5)

Đạt

AA — Chữ lớn (≥ 3)

Đạt

AAA — Chữ thường (≥ 7)

Đạt

AAA — Chữ lớn (≥ 4.5)

Đạt

Thành phần giao diện / đồ họa (≥ 3)

Đạt

APCA (draft WCAG 3)

APCA is the perceptual-contrast model proposed for WCAG 3. It returns a signed "Lc" score — sign shows polarity (dark-on-light vs light-on-dark), magnitude is what you check against the thresholds below. Not backward-compatible with the WCAG 2 ratio above — the two can disagree.

102.1

Dark text on light background

Preferred body text (|Lc| ≥ 90)

Đạt

Minimum body text (|Lc| ≥ 75)

Đạt

Large or bold text (|Lc| ≥ 60)

Đạt

Large text only (|Lc| ≥ 45)

Đạt

Non-text / UI components (|Lc| ≥ 30)

Đạt