Về màu Peru
Peru (peru) là một màu cam vừa phải, độ bão hòa vừa phải, có mã hex #cd853f, hoặc rgb(205, 133, 63). Trong HSL, màu có sắc độ 30°, độ bão hòa 59% và độ sáng 53%. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: peru; thay vì mã hex.
Dùng Peru cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Peru trên nền trắng | 2.99 : 1 | không đạt |
| Chữ Peru trên nền đen | 7.02 : 1 | AAA |
Trên nền peru, hãy dùng chữ đen (7.02 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ 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: peru; /* or #cd853f */
background-color: #cd853f;
border: 1px solid rgb(205 133 63 / 50%);
}Tên màu tương tự
Sô-cô-la (#d2691e), Vàng cúc (#daa520), Đỏ Ấn Độ (#cd5c5c), San hô (#ff7f50), Vàng cúc sẫm (#b8860b), Nâu cát (#f4a460).
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 peru là gì?
#cd853f — tức là rgb(205, 133, 63) và hsl(30, 59%, 53%). Trong CSS, bạn cũng có thể chỉ cần viết peru.
Chữ peru 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à 2.99 : 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 peru?
Màu bổ sung của nó là #4087ce; các màu tương tự #ce4040 và #cece40 nằm cạnh nó trên bánh xe màu.