Mã màu xám đậm
HEX
#555555
RGB
rgb(85, 85, 85)
HSL
hsl(0, 0%, 33%)
CMYK
cmyk(0%, 0%, 0%, 67%)
Tên tiếng Anh: Dark gray
Về màu xám đậm
Xám đậm #555555 đủ tương phản để làm chữ phụ trên nền trắng. Lưu ý từ khoá darkgray của CSS (#A9A9A9) lại sáng hơn gray — một điểm bất nhất có từ lịch sử.
Bảng sắc độ màu xám đậm từ nhạt đến đậm
- Pha 83% trắng #E3E3E3 rgb(227, 227, 227)
- Pha 67% trắng #C6C6C6 rgb(198, 198, 198)
- Pha 50% trắng #AAAAAA rgb(170, 170, 170)
- Pha 33% trắng #8E8E8E rgb(142, 142, 142)
- Pha 17% trắng #717171 rgb(113, 113, 113)
- Màu gốc #555555 rgb(85, 85, 85)
- Pha 17% đen #474747 rgb(71, 71, 71)
- Pha 33% đen #393939 rgb(57, 57, 57)
- Pha 50% đen #2B2B2B rgb(43, 43, 43)
- Pha 67% đen #1C1C1C rgb(28, 28, 28)
- Pha 83% đen #0E0E0E rgb(14, 14, 14)
Màu xám đậm phối với màu gì?
Màu xám đậ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 · Chỉnh độ sáng, độ bão hoà của màu xám đậm · Trộn màu gì ra màu xám đậm?
Chữ trắng hay chữ đen trên nền xám đậm?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 7,45 : 1 | Đạt | Đạt |
| Đen #000000 | 2,81 : 1 | Không đạt | Không đạt |
Dùng màu xám đậm trong CSS
:root { --mau-xam-dam: #555555; }
.chu { color: #555555; }
.nen { background-color: rgb(85, 85, 85); }
.vien { border: 1px solid hsl(0, 0%, 33%); }Chuyển mã màu xám đậm sang định dạng khác · Sinh bảng sắc độ Tailwind cho #555555 · Làm nền chuyển sắc từ màu này