Về màu Bạc
Bạc (silver) là màu xám nhạt, dịu, có mã hex #c0c0c0, hoặc rgb(192, 192, 192). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 75%. Đâ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: silver; thay cho giá trị hex.
Dùng màu Bạc cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ bạc trên nền trắng | 1.82 : 1 | không đạt |
| Chữ bạc trên nền đen | 11.54 : 1 | AAA |
Trên nền bạc, hãy dùng chữ đen (11.54 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với văn bản lớn. Kiểm tra các cặp màu khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: silver; /* or #c0c0c0 */
background-color: #c0c0c0;
border: 1px solid rgb(192 192 192 / 50%);
}Các màu có tên tương tự
Xám nhạt (#d3d3d3), Thistle (#d8bfd8), Xanh thép nhạt (#b0c4de), Xám đậm (#a9a9a9), Gainsboro (#dcdcdc), Xanh dương nhạt (#add8e6).
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 bạc là gì?
#c0c0c0 — tức là rgb(192, 192, 192) và hsl(0, 0%, 75%). Trong CSS, bạn cũng có thể viết trực tiếp silver.
Chữ màu bạc có dễ đọc trên nền trắng không?
Tỉ lệ tương phản của nó trên nền trắng là 1.82 : 1, không đạt WCAG — hãy dùng cho phần trang trí hoặc trên nền tối.
Màu nào hợp với màu bạc?
Bạc là màu trung tính nên hầu như kết hợp được với mọi màu; hãy dùng cho nền, viền và chữ xung quanh một màu nhấn đậm hơn.