Giới thiệu về Light Slate Gray
Light Slate Gray (lightslategray) là một màu xanh dương trung bình, dịu, với mã hex #778899, hay rgb(119, 136, 153). Trong HSL, màu này có sắc độ 210°, độ bão hòa 14% và độ sáng 53%. CSS cũng chấp nhận cách viết lightslategrey cho đúng màu đó. Đâ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: lightslategray; thay cho giá trị hex.
Dùng Light Slate Gray cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Light Slate Gray trên nền trắng | 3.64 : 1 | Chỉ AA cho chữ lớn |
| Chữ Light Slate Gray trên nền đen | 5.77 : 1 | AA |
Trên nền light slate gray, hãy dùng chữ đen (5.77 : 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 bằng Contrast Checker.
CSS
.element {
color: lightslategray; /* or #778899 */
background-color: #778899;
border: 1px solid rgb(119 136 153 / 50%);
}
Các màu có tên tương tự
Slate Gray (#708090), Xám (#808080), Xanh Cadet (#5f9ea0), Xanh thép (#4682b4), Xanh biển đậm (#8fbc8f), Xám mờ (#696969).
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.