Giới thiệu về Light Blue
Light Blue (lightblue) là một màu xanh dương nhạt, độ bão hòa vừa phải, có mã hex #add8e6, hoặc rgb(173, 216, 230). Trong HSL, màu này có sắc độ 195°, độ bão hòa 53% và độ sáng 79%. Đâ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: lightblue; thay vì mã hex.
Sử dụng Light Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Light Blue trên nền trắng | 1.53 : 1 | không đạt |
| Chữ Light Blue trên nền đen | 13.74 : 1 | AAA |
Trên nền xanh dương nhạt, hãy dùng chữ đen (13.74 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác bằng công cụ kiểm tra độ tương phản.
CSS
.element {
color: lightblue; /* or #add8e6 */
background-color: #add8e6;
border: 1px solid rgb(173 216 230 / 50%);
}
Màu có tên tương tự
Xanh bột (#b0e0e6), Xanh thép nhạt (#b0c4de), Xanh ngọc nhạt (#afeeee), Xanh da trời (#87ceeb), Xám nhạt (#d3d3d3), Xanh da trời nhạt (#87cefa).
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.