devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Mã màu Dim Gray (#696969)

Dim Gray là #696969 ở dạng hex và rgb(105, 105, 105) — một màu xám trung bình. Dưới đây là mọi định dạng màu, sắc độ, tông tối, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Dim Gray
#696969
Tên CSSdimgray (cũng viết là dimgrey)
Hex#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMYK0%, 0%, 0%, 59%

Sắc độ và tông tối

#e1e1e1#c3c3c3#a5a5a5#878787gốc
#696969#545454#3f3f3f#2a2a2a#151515

Giới thiệu về Dim Gray

Dim Gray (dimgray) là một màu xám trung tính, hơi trầm, có mã hex #696969, hoặc rgb(105, 105, 105). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 41%. CSS cũng chấp nhận cách viết dimgrey 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: dimgray; thay vì giá trị hex.

Dùng Dim Gray cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Dim Gray trên nền trắng5.49 : 1AA
Chữ Dim Gray trên nền đen3.83 : 1Chỉ AA cho chữ lớn

Trên nền xám Dim Gray, hãy dùng chữ trắng (5.49 : 1). WCAG yêu cầu tỷ lệ tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Bạn có thể 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: dimgray;               /* or #696969 */
  background-color: #696969;
  border: 1px solid rgb(105 105 105 / 50%);
}

Các màu có tên tương tự

Xám (#808080), Xám đá phiến (#708090), Xám đá phiến nhạt (#778899), Xanh ô liu đậm (#556b2f), Xanh đá phiến đậm (#483d8b), Xám đá phiến đậm (#2f4f4f).

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

Mã hex của dim gray là gì?
#696969, tức là rgb(105, 105, 105) và hsl(0, 0%, 41%). Trong CSS, bạn cũng có thể viết trực tiếp dimgray.
Chữ dim gray 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à 5.49 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Những màu nào hợp với dim gray?
Dim Gray 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 nó cho nền, viền và chữ xung quanh một màu nhấn đậm hơn.