Giới thiệu về Azure
Azure (azure) là một màu xanh lam rất nhạt, tươi sáng, có mã hex #f0ffff, hoặc rgb(240, 255, 255). Trong HSL, màu này có sắc độ 180°, độ bão hòa 100% và độ sáng 97%. Đâ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: azure; thay cho giá trị hex.
Dùng Azure cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Azure trên nền trắng | 1.03 : 1 | không đạt |
| Chữ Azure trên nền đen | 20.45 : 1 | AAA |
Khi nền là azure, hãy dùng chữ đen (20.45 : 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. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: azure; /* or #f0ffff */
background-color: #f0ffff;
border: 1px solid rgb(240 255 255 / 50%);
}Màu có tên tương tự
Alice Blue (#f0f8ff), Mint Cream (#f5fffa), Ghost White (#f8f8ff), Honey Dew (#f0fff0), Trắng (#ffffff), Trắng khói (#f5f5f5).
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 azure là gì?
#f0ffff, tương ứng với rgb(240, 255, 255) và hsl(180, 100%, 97%). Trong CSS, bạn cũng có thể viết trực tiếp azure.
Chữ azure trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 1.03 : 1, không đạt chuẩn WCAG. Bạn nên dùng màu này để trang trí hoặc đặt trên nền tối.
Màu nào hợp với azure?
Màu bổ sung của nó là #fff0f0. Các màu tương tự #f0fff7 và #f0f7ff nằm cạnh nó trên bánh xe màu.