Trước đây mình thường sử dụng những trang online để check như
- https://webaim.org/resources/contrastchecker/
- https://contrastchecker.com/
- https://snook.ca/technical/colour_contrast
- https://contrast-ratio.com/
Giờ có trong Chrome chúng ta làm như sau
- Inspect đến element có thuộc tính màu muốn check
- Click vào ô màu kế bên giá trị
Trên đó sẽ có thêm một thông tin là contrast ratio, và dấu thông báo giá trị contrast này ok chưa
Click vào nút Show more ngay cuối ô check contrast
Phía trên bảng chọn màu, để ý đường line cong ở giữa, nó cho biết các giá trị bên trên đường line là không phù hợp, ở dưới là đạt tiêu chí contrast phù hợp
Initializing...