# Đổi mã màu

> Nhập mã màu HEX để xem RGB, HSL và tỷ lệ tương phản theo chuẩn WCAG. Biết ngay màu chữ có đủ tương phản để đọc được hay không.

Nhập mã màu HEX để xem giá trị RGB, HSL và tỷ lệ tương phản trên nền trắng.

URL: https://tinhngay.com/lap-trinh/doi-ma-mau

## Công thức

```
Tỷ lệ tương phản = (L₁ + 0,05) ÷ (L₂ + 0,05)
```

## Ví dụ

Màu #0F766E là rgb(15, 118, 110), độ sáng tương đối L = 0,142. Trên nền trắng (L = 1): (1 + 0,05) ÷ (0,142 + 0,05) = 5,47:1 — đạt chuẩn AA cho chữ thường.

## Câu hỏi thường gặp

### Tỷ lệ tương phản bao nhiêu là đủ?

Theo WCAG, chữ thường cần ít nhất 4,5:1, chữ lớn cần 3:1. Mức AAA nghiêm hơn, yêu cầu 7:1 cho chữ thường.

### HSL dùng để làm gì?

HSL tách màu thành sắc độ, độ bão hoà và độ sáng, nên muốn màu sáng hơn hay nhạt hơn thì chỉnh dễ hơn hẳn so với sửa thẳng mã HEX.