Giới thiệu về Burly Wood
Burly Wood (burlywood) là màu cam nhạt, độ bão hòa vừa phải, có mã hex #deb887, hoặc rgb(222, 184, 135). Trong HSL, màu này có sắc độ 34°, độ bão hòa 57% và độ sáng 70%. Đâ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: burlywood; thay vì mã hex.
Sử dụng Burly Wood cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Burly Wood trên nền trắng | 1.86 : 1 | không đạt |
| Chữ Burly Wood trên nền đen | 11.31 : 1 | AAA |
Trên nền burly wood, hãy dùng chữ đen (11.31 : 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 văn bản lớn. Kiểm tra các cặp khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: burlywood; /* or #deb887 */
background-color: #deb887;
border: 1px solid rgb(222 184 135 / 50%);
}Các màu có tên tương tự
Tan (#d2b48c), Dark Salmon (#e9967a), Light Salmon (#ffa07a), Dark Khaki (#bdb76b), Sandy Brown (#f4a460), Khaki (#f0e68c).
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 burly wood là gì?
#deb887 — tương ứng rgb(222, 184, 135) và hsl(34, 57%, 70%). Trong CSS, bạn cũng có thể viết trực tiếp burlywood.
Chữ burly wood 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à 1.86 : 1, không đạt WCAG — hãy dùng cho phần trang trí hoặc trên nền tối.
Màu nào hợp với burly wood?
Màu bù trừ của nó là #87adde; các màu tương đồng #de8d87 và #d8de87 nằm kế bên trên vòng màu.