Mã màu xám nhạt
HEX
#D3D3D3
RGB
rgb(211, 211, 211)
HSL
hsl(0, 0%, 83%)
CMYK
cmyk(0%, 0%, 0%, 17%)
Tên tiếng Anh: Light gray
Về màu xám nhạt
Xám nhạt tương ứng lightgray trong CSS. Thường dùng cho đường viền, nền vùng bị vô hiệu hoá và đường kẻ bảng.
Bảng sắc độ màu xám nhạt từ nhạt đến đậm
- Pha 83% trắng #F8F8F8 rgb(248, 248, 248)
- Pha 67% trắng #F0F0F0 rgb(240, 240, 240)
- Pha 50% trắng #E9E9E9 rgb(233, 233, 233)
- Pha 33% trắng #E2E2E2 rgb(226, 226, 226)
- Pha 17% trắng #DADADA rgb(218, 218, 218)
- Màu gốc #D3D3D3 rgb(211, 211, 211)
- Pha 17% đen #B0B0B0 rgb(176, 176, 176)
- Pha 33% đen #8D8D8D rgb(141, 141, 141)
- Pha 50% đen #6A6A6A rgb(106, 106, 106)
- Pha 67% đen #464646 rgb(70, 70, 70)
- Pha 83% đen #232323 rgb(35, 35, 35)
Màu xám nhạt phối với màu gì?
Màu xám nhạt 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 nhạt?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,49 : 1 | Không đạt | Không đạt |
| Đen #000000 | 14,02 : 1 | Đạt | Đạt |
Dùng màu xám nhạt trong CSS
:root { --mau-xam-nhat: #D3D3D3; }
.chu { color: #D3D3D3; }
.nen { background-color: rgb(211, 211, 211); }
.vien { border: 1px solid hsl(0, 0%, 83%); }Đổi #D3D3D3 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xám nhạt · Tạo gradient CSS với màu xám nhạt