Giới thiệu về Maroon
Maroon (maroon) là một màu đỏ sẫm, đậm với mã hex #800000, hoặc rgb(128, 0, 0). Trong HSL, màu này có sắc độ 0°, độ bão hòa 100% và độ sáng 25%. Đâ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: maroon; thay cho giá trị hex.
Dùng Maroon cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Maroon trên nền trắng | 10.95 : 1 | AAA |
| Chữ Maroon trên nền đen | 1.92 : 1 | không đạt |
Trên nền maroon, hãy dùng chữ trắng (10.95 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra tương phản.
CSS
.element {
color: maroon; /* or #800000 */
background-color: #800000;
border: 1px solid rgb(128 0 0 / 50%);
}Các màu có tên tương tự
Đỏ sẫm (#8b0000), Đỏ gạch (#b22222), Nâu (#a52a2a), Nâu yên ngựa (#8b4513), Sienna (#a0522d), Đỏ thẫm (#dc143c).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.
Câu hỏi thường gặp
Mã hex của maroon là gì?
#800000 — tức là rgb(128, 0, 0) và hsl(0, 100%, 25%). Trong CSS, bạn cũng có thể chỉ cần viết maroon.
Chữ maroon có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 10.95 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với maroon?
Màu bổ sung của nó là #008080; các màu tương đồng #800040 và #804000 nằm sát bên cạnh trên bánh xe màu.