Giới thiệu về Sienna
Sienna (sienna) là một màu cam vừa phải, độ bão hòa vừa phải, có mã hex #a0522d, hoặc rgb(160, 82, 45). Trong HSL, màu này có sắc độ 19°, độ bão hòa 56% và độ sáng 40%. Đâ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: sienna; thay vì giá trị hex.
Dùng Sienna cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Sienna trên nền trắng | 5.62 : 1 | AA |
| Chữ Sienna trên nền đen | 3.74 : 1 | Chỉ AA cho chữ lớn |
Trên nền sienna, hãy dùng chữ trắng (5.62 : 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. Bạn có thể kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: sienna; /* or #a0522d */
background-color: #a0522d;
border: 1px solid rgb(160 82 45 / 50%);
}Các màu có tên tương tự
Nâu yên ngựa (#8b4513), Nâu (#a52a2a), Đỏ gạch lửa (#b22222), Sô-cô-la (#d2691e), Đỏ Ấn Độ (#cd5c5c), Vàng Goldenrod đậm (#b8860b).
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 sienna là gì?
#a0522d — tương đương rgb(160, 82, 45) và hsl(19, 56%, 40%). Trong CSS, bạn cũng có thể viết trực tiếp sienna.
Chữ màu sienna 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à 5.62 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với sienna?
Màu bổ sung của nó là #2d7b9f; các màu tương tự #9f2d42 và #9f8a2d nằm cạnh nó trên bánh xe màu.