Về màu Aqua
Aqua (aqua) là màu cyan vừa phải, rực rỡ, có mã hex #00ffff, hoặc rgb(0, 255, 255). Trong HSL, màu này có sắc độ 180°, độ bão hòa 100% và độ sáng 50%. CSS cũng chấp nhận cách viết cyan cho đúng màu này. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: aqua; thay cho mã hex.
Dùng Aqua cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Aqua trên nền trắng | 1.25 : 1 | không đạt |
| Chữ Aqua trên nền đen | 16.75 : 1 | AAA |
Trên nền aqua, hãy dùng chữ đen (16.75 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với văn bản lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: aqua; /* or #00ffff */
background-color: #00ffff;
border: 1px solid rgb(0 255 255 / 50%);
}
Các màu có tên tương tự
Xanh da trời đậm (#00bfff), Ngọc lam đậm (#00ced1), Ngọc lam (#40e0d0), Ngọc lam vừa (#48d1cc), Xanh lá xuân vừa (#00fa9a), Xanh Dodger (#1e90ff).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.