Giới thiệu về Alice Blue
Alice Blue (aliceblue) là màu xanh dương rất nhạt và tươi sáng, có mã hex #f0f8ff, hay rgb(240, 248, 255). Trong HSL, màu này có sắc độ 208°, độ bão hòa 100% và độ sáng 97%. Đây là một trong 148 màu có tên mà trình duyệt nào cũng hiểu, nên bạn có thể viết color: aliceblue; thay vì mã hex.
Dùng Alice Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Alice Blue trên nền trắng | 1.07 : 1 | không đạt |
| Chữ Alice Blue trên nền đen | 19.58 : 1 | AAA |
Trên nền alice blue, hãy dùng chữ đen (19.58 : 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ữ 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: aliceblue; /* or #f0f8ff */
background-color: #f0f8ff;
border: 1px solid rgb(240 248 255 / 50%);
}Các màu có tên tương tự
Azure (#f0ffff), Ghost White (#f8f8ff), Mint Cream (#f5fffa), White Smoke (#f5f5f5), Snow (#fffafa), Honey Dew (#f0fff0).
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 alice blue là gì?
#f0f8ff — tức là rgb(240, 248, 255) và hsl(208, 100%, 97%). Trong CSS, bạn cũng có thể viết trực tiếp aliceblue.
Chữ alice blue có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.07 : 1, không đạt WCAG — hãy dùng nó để trang trí hoặc trên nền tối.
Màu nào hợp với alice blue?
Màu bổ sung của nó là #fff7f0; các màu tương đồng #f0fffe và #f0f0ff nằm cạnh nó trên vòng tròn màu.