Về màu Xám đậm
Xám đậm (darkgray) là một màu xám nhạt, dịu, có mã hex #a9a9a9, hoặc rgb(169, 169, 169). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 66%. CSS cũng chấp nhận cách viết darkgrey cho đúng màu này. Đây là một trong 148 tên màu mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: darkgray; thay cho mã hex.
Dùng Xám đậm cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Xám đậm trên nền trắng | 2.35 : 1 | không đạt |
| Chữ Xám đậm trên nền đen | 8.94 : 1 | AAA |
Trên nền xám đậm, hãy dùng chữ đen (8.94 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: darkgray; /* or #a9a9a9 */
background-color: #a9a9a9;
border: 1px solid rgb(169 169 169 / 50%);
}
Các tên màu tương tự
Bạc (#c0c0c0), Xanh lục biển đậm (#8fbc8f), Nâu hồng (#bc8f8f), Nâu vàng nhạt (#d2b48c), Xanh thép nhạt (#b0c4de), Xám đá phiến nhạt (#778899).
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.