Giới thiệu về Light Sky Blue
Light Sky Blue (lightskyblue) là một tông xanh nhạt, tươi sáng, có mã hex #87cefa, hoặc rgb(135, 206, 250). Trong HSL, màu này có sắc độ 203°, độ bão hòa 92% và độ sáng 75%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hỗ trợ, nên bạn có thể viết color: lightskyblue; thay cho mã hex.
Dùng Light Sky Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Light Sky Blue trên nền trắng | 1.72 : 1 | không đạt |
| Chữ Light Sky Blue trên nền đen | 12.24 : 1 | AAA |
Khi nền là xanh da trời nhạt, bạn nên dùng chữ đen (12.24 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ cỡ lớn. Hãy 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: lightskyblue; /* or #87cefa */
background-color: #87cefa;
border: 1px solid rgb(135 206 250 / 50%);
}
Màu có tên tương tự
Sky Blue (#87ceeb), Light Blue (#add8e6), Powder Blue (#b0e0e6), Light Steel Blue (#b0c4de), Pale Turquoise (#afeeee), Aquamarine (#7fffd4).
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.