Giới thiệu về Snow
Snow (snow) là một màu đỏ rất nhạt nhưng khá rực, có mã hex #fffafa, hoặc rgb(255, 250, 250). Trong HSL, màu này có sắc độ 0°, độ bão hòa 100% và độ sáng 99%. Đâ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: snow; thay cho mã hex.
Dùng Snow làm chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Snow trên nền trắng | 1.03 : 1 | không đạt |
| Chữ Snow trên nền đen | 20.31 : 1 | AAA |
Khi nền là Snow, hãy dùng chữ đen (20.31 : 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. Bạn có thể 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: snow; /* or #fffafa */
background-color: #fffafa;
border: 1px solid rgb(255 250 250 / 50%);
}Tên màu có tên tương tự
White (#ffffff), Ghost White (#f8f8ff), Floral White (#fffaf0), Ivory (#fffff0), Lavender Blush (#fff0f5), Mint Cream (#f5fffa).
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 màu snow là gì?
#fffafa, tức là rgb(255, 250, 250) và hsl(0, 100%, 99%). Trong CSS, bạn cũng có thể chỉ cần viết snow.
Chữ màu snow 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. Hãy dùng màu này để trang trí hoặc trên nền tối.
Những màu nào hợp với snow?
Màu bổ sung của nó là #faffff. Các màu tương tự #fffafc và #fffcfa nằm cạnh nó trên bánh xe màu.