Giới thiệu về Dark Slate Gray
Dark Slate Gray (darkslategray) là một màu xanh lam-lục đậm, độ bão hòa vừa phải, có mã hex là #2f4f4f, hay rgb(47, 79, 79). Trong HSL, màu này có sắc độ 180°, độ bão hòa 25% và độ sáng 25%. CSS cũng chấp nhận cách viết darkslategrey cho đúng màu đó. Đây là một trong 148 tên màu được mọi trình duyệt hỗ trợ, nên bạn có thể viết color: darkslategray; thay vì mã hex.
Dùng Dark Slate Gray cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Dark Slate Gray trên nền trắng | 8.93 : 1 | AAA |
| Chữ Dark Slate Gray trên nền đen | 2.35 : 1 | không đạt |
Khi dùng nền dark slate gray, hãy dùng chữ trắng (8.93 : 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 với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: darkslategray; /* or #2f4f4f */
background-color: #2f4f4f;
border: 1px solid rgb(47 79 79 / 50%);
}
Các màu có tên tương tự
Xanh Ô Liu Đậm (#556b2f), Xanh Biển Lục (#2e8b57), Xanh Nửa Đêm (#191970), Xanh Đá Phiến Đậm (#483d8b), Xám Mờ (#696969), Xanh Rừng (#228b22).
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.