Giới thiệu về màu nâu
Nâu (brown) là màu đỏ trung bình, độ bão hòa vừa phải, có mã hex #a52a2a, hoặc rgb(165, 42, 42). Trong HSL, màu có sắc độ 0°, độ bão hòa 59% và độ sáng 41%. Đâ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: brown; thay cho mã hex.
Dùng màu nâu cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ nâu trên nền trắng | 7.08 : 1 | AAA |
| Chữ nâu trên nền đen | 2.96 : 1 | không đạt |
Trên nền nâu, hãy dùng chữ trắng (7.08 : 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 Contrast Checker.
CSS
.element {
color: brown; /* or #a52a2a */
background-color: #a52a2a;
border: 1px solid rgb(165 42 42 / 50%);
}Các màu có tên tương tự
Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).
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 màu nâu là gì?
#a52a2a — tức là rgb(165, 42, 42) và hsl(0, 59%, 41%). Trong CSS, bạn cũng có thể chỉ cần viết brown.
Chữ màu nâu trên nền trắng có dễ đọc không?
Tỉ lệ tương phản của nó trên nền trắng là 7.08 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với màu nâu?
Màu bổ sung của nó là #2ba6a6; các màu tương tự #a62b69 và #a6692b nằm cạnh nó trên bánh xe màu.