Về màu Chocolate
Chocolate (chocolate) là màu cam vừa và tươi sáng, có mã hex #d2691e, hoặc rgb(210, 105, 30). Trong HSL, màu này có sắc độ 25°, độ bão hòa 75% và độ sáng 47%. Đây là một trong 148 màu có tên được mọi trình duyệt hỗ trợ, nên bạn có thể viết color: chocolate; thay cho giá trị hex.
Dùng Chocolate cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Chocolate trên nền trắng | 3.63 : 1 | Chỉ đạt AA với chữ lớn |
| Chữ Chocolate trên nền đen | 5.78 : 1 | AA |
Trên nền chocolate, hãy dùng chữ đen (5.78 : 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 màu khác với Contrast Checker.
CSS
.element {
color: chocolate; /* or #d2691e */
background-color: #d2691e;
border: 1px solid rgb(210 105 30 / 50%);
}Các màu có tên tương tự
Dark Goldenrod (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldenrod (#daa520), Tomato (#ff6347), Indian Red (#cd5c5c).
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 chocolate là gì?
#d2691e — tức là rgb(210, 105, 30) và hsl(25, 75%, 47%). Trong CSS, bạn cũng có thể chỉ cần viết chocolate.
Chữ chocolate 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à 3.63 : 1, chỉ đạt chuẩn cho chữ lớn (WCAG AA large).
Những màu nào hợp với chocolate?
Màu bổ sung của nó là #1e87d2; các màu tương đồng #d21e2d và #d2c31e nằm cạnh nó trên vòng màu.