Giới thiệu về Slate Gray
Slate Gray (slategray) là một màu xanh dương trung bình, trầm và dịu, có mã hex #708090, hoặc rgb(112, 128, 144). Trong HSL, màu này có sắc độ 210°, độ bão hòa 13% và độ sáng 50%. CSS cũng chấp nhận cách viết slategrey cho đúng màu này. Đâ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: slategray; thay cho giá trị hex.
Dùng Slate Gray cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Slate Gray trên nền trắng | 4.05 : 1 | Chỉ AA cho chữ lớn |
| Chữ Slate Gray trên nền đen | 5.18 : 1 | AA |
Trên nền slate gray, hãy dùng chữ đen (5.18 : 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 màu khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: slategray; /* or #708090 */
background-color: #708090;
border: 1px solid rgb(112 128 144 / 50%);
}
Các màu có tên tương tự
Light Slate Gray (#778899), Xám (#808080), Xanh Cadet (#5f9ea0), Xám Mờ (#696969), Xanh Thép (#4682b4), Xanh Biển Đậm (#8fbc8f).
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.