Về màu đen
Đen (black) là màu đen rất sẫm, trầm, có mã hex #000000, hoặc rgb(0, 0, 0). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 0%. Đâ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: black; thay cho mã hex.
Dùng màu đen cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ đen trên nền trắng | 21.00 : 1 | AAA |
| Chữ đen trên nền đen | 1.00 : 1 | không đạt |
Trên nền đen, hãy dùng chữ trắng (21.00 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: black; /* or #000000 */
background-color: #000000;
border: 1px solid rgb(0 0 0 / 50%);
}Tên màu tương tự
Xanh lá đậm (#006400), Xanh nửa đêm (#191970), Xám đá phiến đậm (#2f4f4f), Xanh lá (#008000), Nâu đỏ (#800000), Xanh navy (#000080).
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 đen là gì?
#000000 — tức là rgb(0, 0, 0) và hsl(0, 0%, 0%). Trong CSS, bạn cũng có thể chỉ cần viết black.
Chữ đen 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à 21.00 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Màu nào hợp với màu đen?
Đen là màu trung tính nên kết hợp được với hầu hết mọi màu. Hãy dùng nó cho nền, viền và chữ xung quanh một màu nhấn đậm hơn.