Về màu Saddle Brown
Saddle Brown (saddlebrown) là màu cam đậm, rực rỡ, có mã hex #8b4513, hay rgb(139, 69, 19). Trong HSL, màu có sắc độ 25°, độ bão hòa 76% và độ sáng 31%. Đâ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: saddlebrown; thay cho mã hex.
Dùng Saddle Brown cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Saddle Brown trên nền trắng | 7.10 : 1 | AAA |
| Chữ Saddle Brown trên nền đen | 2.96 : 1 | không đạt |
Trên nền saddle brown, hãy dùng chữ trắng (7.10 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với chữ lớn. Kiểm tra các cặp màu khác bằng công cụ kiểm tra độ tương phản.
CSS
.element {
color: saddlebrown; /* or #8b4513 */
background-color: #8b4513;
border: 1px solid rgb(139 69 19 / 50%);
}Các màu có tên tương tự
Sienna (#a0522d), Nâu (#a52a2a), Đỏ gạch (#b22222), Ô liu (#808000), Đỏ sẫm (#8b0000), Xanh ô liu đậm (#556b2f).
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 saddle brown là gì?
#8b4513 — tương ứng với rgb(139, 69, 19) và hsl(25, 76%, 31%). Trong CSS, bạn cũng có thể viết trực tiếp saddlebrown.
Chữ saddle brown trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 7.10 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với saddle brown?
Màu bổ sung của nó là #13598b; hai màu tương đồng #8b131d và #8b8113 nằm cạnh nó trên vòng tròn màu.