Mã màu xám than
#36454F
rgb(54, 69, 79)
hsl(204, 19%, 26%)
cmyk(32%, 13%, 0%, 69%)
Tên tiếng Anh: Charcoal /ˈtʃɑːkəʊl/
Về màu xám than
Xám than là xám rất tối ngả xanh như than củi. Dùng làm màu chữ chính thay cho đen tuyền giúp giao diện dịu mắt hơn.
Bảng sắc độ màu xám than từ nhạt đến đậm
- Pha 83% trắng #DEE0E2 rgb(222, 224, 226)
- Pha 67% trắng #BCC1C4 rgb(188, 193, 196)
- Pha 50% trắng #9BA2A7 rgb(155, 162, 167)
- Pha 33% trắng #79838A rgb(121, 131, 138)
- Pha 17% trắng #58646C rgb(88, 100, 108)
- Màu gốc #36454F rgb(54, 69, 79)
- Pha 17% đen #2D3A42 rgb(45, 58, 66)
- Pha 33% đen #242E35 rgb(36, 46, 53)
- Pha 50% đen #1B2328 rgb(27, 35, 40)
- Pha 67% đen #12171A rgb(18, 23, 26)
- Pha 83% đen #090C0D rgb(9, 12, 13)
Màu xám than phối với màu gì?
Trong thiết kế, màu xám than tạo tương phản mạnh nhất với màu bổ túc là #4F4036 (gần với xám đậm), và phối êm, liền mạch với hai màu tương đồng #364F4C (gần với xám đậm) và #36384F (gần với đen nhám). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xám than khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xám than trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xám than #36454F
- ≈ Xám đậm #4F4036
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
- ≈ Xám đậm #364F4C
- Xám than #36454F
- ≈ Xám than #36384F
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xám than #36454F
- ≈ Tím cà #4F3645
- ≈ Xanh quân đội #454F36
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 than?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 9,90 : 1 | Đạt | Đạt |
| Đen #000000 | 2,12 : 1 | Không đạt | Không đạt |
Dùng màu xám than trong CSS
:root { --mau-xam-than: #36454F; }
.chu { color: #36454F; }
.nen { background-color: rgb(54, 69, 79); }
.vien { border: 1px solid hsl(204, 19%, 26%); }Đổi #36454F sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xám than · Tạo gradient CSS với màu xám than