Chuyển đổi màu
Dán hoặc chọn một màu CSS để xem ở mọi định dạng. Kiểm tra độ tương phản với nền để chữ dễ đọc.
Mọi màu CSS: #2447c4, rgb(36 71 196), hsl(227 69% 46%), oklch(47% 0.2 265), rebeccapurple…
| Định dạng | Giá trị | Sao chép |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
Độ tương phản
Con cáo nâu nhanh nhẹn nhảy qua con chó lười.
- Tỷ lệ tương phản
- —
- AA chữ thường (4,5:1)
- —
- AA chữ lớn (3:1)
- —
- AAA chữ thường (7:1)
- —
- Trên nền trắng
- —
- Trên nền đen
- —
Câu hỏi thường gặp
Cần độ tương phản bao nhiêu?
WCAG 2 mức AA yêu cầu tối thiểu 4,5:1 cho chữ thường và 3:1 cho chữ lớn (khoảng 24 px, hoặc 19 px đậm); mức AAA là 7:1 và 4,5:1. Logo và chữ trang trí được miễn.
Vì sao dùng OKLCH?
OKLCH được thiết kế để các bước bằng nhau trông khác nhau đều nhau. Chỉ đổi độ sáng thì sắc độ vẫn giữ nguyên, rất hợp để làm bảng màu và giao diện tối. Mọi trình duyệt hiện đại đều hỗ trợ trong CSS.