Giới thiệu về White Smoke
White Smoke (whitesmoke) là màu trắng rất nhạt, dịu, có mã hex #f5f5f5, hoặc rgb(245, 245, 245). Trong HSL, màu có sắc độ (hue) 0°, độ bão hòa 0% và độ sáng 96%. Đâ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: whitesmoke; thay vì giá trị hex.
Dùng White Smoke cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ White Smoke trên nền trắng | 1.09 : 1 | không đạt |
| Chữ White Smoke trên nền đen | 19.26 : 1 | AAA |
Trên nền white smoke, hãy dùng chữ đen (19.26 : 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. Kiểm tra các cặp khác với Contrast Checker.
CSS
.element {
color: whitesmoke; /* or #f5f5f5 */
background-color: #f5f5f5;
border: 1px solid rgb(245 245 245 / 50%);
}Các màu có tên tương tự
Ghost White (#f8f8ff), Lavender Blush (#fff0f5), Mint Cream (#f5fffa), Alice Blue (#f0f8ff), Sea Shell (#fff5ee), Floral White (#fffaf0).
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 white smoke là gì?
#f5f5f5 — tương ứng với rgb(245, 245, 245) và hsl(0, 0%, 96%). Trong CSS, bạn cũng có thể viết trực tiếp whitesmoke.
Chữ white smoke 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.09 : 1, không đạt WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Màu nào hợp với white smoke?
White Smoke là màu trung tính nên hợp với hầu hết các màu; dùng cho nền, viền và chữ xung quanh một màu nhấn đậm hơn.