Giới thiệu về màu Trắng
Trắng (white) là một màu trắng rất nhạt, dịu, có mã hex #ffffff, hoặc rgb(255, 255, 255). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 100%. Đâ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: white; thay vì giá trị hex.
Dùng màu Trắng cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ trắng trên nền trắng | 1.00 : 1 | không đạt |
| Chữ trắng trên nền đen | 21.00 : 1 | AAA |
Trên nền trắng, hãy dùng chữ đen (21.00 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thông thường 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: white; /* or #ffffff */
background-color: #ffffff;
border: 1px solid rgb(255 255 255 / 50%);
}Các màu có tên tương tự
Snow (#fffafa), Ghost White (#f8f8ff), Mint Cream (#f5fffa), Azure (#f0ffff), Ivory (#fffff0), 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 màu trắng là gì?
#ffffff — tức là rgb(255, 255, 255) và hsl(0, 0%, 100%). Trong CSS, bạn cũng có thể viết đơn giản là white.
Chữ trắng trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của chúng là 1.00 : 1, không đạt chuẩn WCAG. Hãy dùng màu này cho phần trang trí hoặc trên nền tối.
Những màu nào hợp với màu trắng?
Trắng là màu trung tính nên hợp với hầu hết các màu. Bạn có thể dùng làm nền, viền và chữ xung quanh một màu nhấn đậm hơn.