Mã Màu Xám Nhạt (#d3d3d3)

Xám nhạt là #d3d3d3 ở dạng hex và rgb(211, 211, 211) — một màu xám rất nhạt. Dưới đây là mọi định dạng màu, tông sáng và tối, các phối màu, và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xám nhạt
#d3d3d3
Tên CSSlightgray (also lightgrey)
Hex#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HWBhwb(0 83% 17%)
CMYK0%, 0%, 0%, 17%

Tông sáng và tông tối

Giới thiệu về Xám nhạt

Xám nhạt (lightgray) là màu xám rất nhạt, dịu, có mã hex #d3d3d3, hoặc rgb(211, 211, 211). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 83%. CSS cũng chấp nhận cách viết lightgrey 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: lightgray; thay vì mã hex.

Dùng Xám nhạt cho chữ và nền

Cặp màuTỉ lệ tương phảnWCAG
Chữ Xám nhạt trên nền trắng1.50 : 1không đạt
Chữ Xám nhạt trên nền đen14.03 : 1AAA

Trên nền xám nhạt, hãy dùng chữ đen (14.03 : 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: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

Màu có tên tương tự

Gainsboro (#dcdcdc), Thistle (#d8bfd8), Silver (#c0c0c0), Light Steel Blue (#b0c4de), Powder Blue (#b0e0e6), Light Blue (#add8e6).

Câu hỏi thường gặp

Mã hex của xám nhạt là gì?
#d3d3d3 — tức là rgb(211, 211, 211) và hsl(0, 0%, 83%). Trong CSS, bạn cũng có thể viết đơn giản là lightgray.
Chữ xám nhạt trên nền trắng có dễ đọc không?
Tỉ lệ tương phản của nó trên nền trắng là 1.50 : 1, không đạt WCAG — hãy dùng cho phần trang trí hoặc trên nền tối.
Những màu nào hợp với xám nhạt?
Xám nhạt là màu trung tính nên kết hợp được với hầu hết mọi màu. Hãy dùng cho nền, viền và chữ xung quanh một màu nhấn mạnh hơn.