Về màu Xanh ngọc nhạt
Xanh ngọc nhạt (paleturquoise) là một màu lam ngọc rất nhạt và tươi sáng, có mã hex #afeeee, hoặc rgb(175, 238, 238). Trong HSL, màu này có sắc độ 180°, độ bão hòa 65% và độ sáng 81%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: paleturquoise; thay vì mã hex.
Sử dụng Xanh ngọc nhạt cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Xanh ngọc nhạt trên nền trắng | 1.29 : 1 | không đạt |
| Chữ Xanh ngọc nhạt trên nền đen | 16.29 : 1 | AAA |
Trên nền xanh ngọc nhạt, hãy dùng chữ đen (16.29 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: paleturquoise; /* or #afeeee */
background-color: #afeeee;
border: 1px solid rgb(175 238 238 / 50%);
}Các màu có tên tương tự
Xanh bột nhạt (#b0e0e6), Xanh dương nhạt (#add8e6), Xanh thép nhạt (#b0c4de), Xanh da trời (#87ceeb), Xám Gainsboro (#dcdcdc), Xám nhạt (#d3d3d3).
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.
Câu hỏi thường gặp
Mã hex của xanh ngọc nhạt là gì?
#afeeee — tương ứng với rgb(175, 238, 238) và hsl(180, 65%, 81%). Trong CSS, bạn cũng có thể viết trực tiếp paleturquoise.
Chữ xanh ngọc nhạt trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 1.29 : 1, không đạt chuẩn WCAG. Hãy dùng màu này để trang trí hoặc trên nền tối thay thế.
Những màu nào hợp với xanh ngọc nhạt?
Màu bù trừ là #eeafaf; các màu tương đồng #afeecf và #afcfee nằm cạnh nó trên vòng tròn màu.