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

Mã màu Gray (#808080)

Gray là #808080 ở dạng hex và rgb(128, 128, 128), một màu xám trung bình. Bên dưới là mọi định dạng màu, sắc độ nhạt/đậm, các cặp phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Gray
#808080
Tên CSSgray (также grey)
Hex#808080
RGBrgb(128, 128, 128)
HSLhsl(0 0% 50%)
HWBhwb(0 50% 50%)
CMYK0%, 0%, 0%, 50%

Sắc độ nhạt và đậm

#e6e6e6#cccccc#b3b3b3#999999gốc
#808080#666666#4d4d4d#333333#1a1a1a

Giới thiệu về Gray

Gray (gray) là màu xám trung bình, trầm, có mã hex #808080, hoặc rgb(128, 128, 128). Trong HSL, màu này có sắc độ 0°, độ bão hòa 0% và độ sáng 50%. CSS cũng chấp nhận cách viết grey 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: gray; thay cho mã hex.

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

Cặp màuTỷ lệ tương phảnWCAG
Chữ gray trên nền trắng3.95 : 1Chỉ AA cho chữ lớn
Chữ gray trên nền đen5.32 : 1AA

Trên nền gray, nên dùng chữ đen (5.32 : 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. Bạn có thể kiểm tra các cặp khác bằng Contrast Checker.

CSS

.element {
  color: gray;               /* or #808080 */
  background-color: #808080;
  border: 1px solid rgb(128 128 128 / 50%);
}

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

Xám đá phiến (Slate Gray) (#708090), Xám đá phiến nhạt (Light Slate Gray) (#778899), Xám mờ (Dim Gray) (#696969), Xanh cadet (Cadet Blue) (#5f9ea0), Xanh lục biển đậm (Dark Sea Green) (#8fbc8f), Nâu hồng (Rosy Brown) (#bc8f8f).

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

Mã hex của màu gray là gì?
#808080, tức là rgb(128, 128, 128) và hsl(0, 0%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết gray.
Chữ 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à 3.95 : 1, chỉ đạt cho chữ lớn (WCAG AA chữ lớn).
Màu nào hợp với gray?
Gray là màu trung tính nên kết hợp được với hầu hết các màu. Hãy dùng gray cho nền, viền và chữ xung quanh một màu nhấn đậm hơn.