Mã màu xám
HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
CMYK
cmyk(0%, 0%, 0%, 50%)
Tên tiếng Anh: Gray /ɡreɪ/
Về màu xám
Xám trung tính #808080 nằm chính giữa đen và trắng, tương ứng gray trong CSS. Màu không mang sắc độ nên làm nền, viền và chữ phụ rất tốt trong giao diện.
Bảng sắc độ màu xám từ nhạt đến đậm
- Pha 83% trắng #EAEAEA rgb(234, 234, 234)
- Pha 67% trắng #D5D5D5 rgb(213, 213, 213)
- Pha 50% trắng #C0C0C0 rgb(192, 192, 192)
- Pha 33% trắng #AAAAAA rgb(170, 170, 170)
- Pha 17% trắng #959595 rgb(149, 149, 149)
- Màu gốc #808080 rgb(128, 128, 128)
- Pha 17% đen #6B6B6B rgb(107, 107, 107)
- Pha 33% đen #555555 rgb(85, 85, 85)
- Pha 50% đen #404040 rgb(64, 64, 64)
- Pha 67% đen #2B2B2B rgb(43, 43, 43)
- Pha 83% đen #151515 rgb(21, 21, 21)
Màu xám phối với màu gì?
Màu xám là màu trung tính, không mang sắc độ nên phối được với hầu hết mọi màu mà không xung đột. Trong thiết kế, hãy dùng nó làm nền hoặc màu chữ rồi chọn một màu nhấn duy nhất có độ bão hoà cao; điều cần kiểm tra là độ tương phản sáng – tối chứ không phải sắc độ.
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền xám?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 3,94 : 1 | Không đạt | Đạt |
| Đen #000000 | 5,31 : 1 | Đạt | Đạt |
Dùng màu xám trong CSS
:root { --mau-xam: #808080; }
.chu { color: #808080; }
.nen { background-color: rgb(128, 128, 128); }
.vien { border: 1px solid hsl(0, 0%, 50%); }Đổi #808080 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xám · Tạo gradient CSS với màu xám