Về màu cam
Màu cam (orange) là một màu cam trung bình, rực rỡ, có mã hex #ffa500, hoặc rgb(255, 165, 0). Trong HSL, màu này có sắc độ 39°, độ bão hòa 100% và độ sáng 50%. Đâ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: orange; thay vì mã hex.
Dùng màu cam cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ cam trên nền trắng | 1.97 : 1 | không đạt |
| Chữ cam trên nền đen | 10.63 : 1 | AAA |
Khi dùng nền cam, hãy chọn chữ đen (10.63 : 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 bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: orange; /* or #ffa500 */
background-color: #ffa500;
border: 1px solid rgb(255 165 0 / 50%);
}Các màu có tên tương tự
Cam đậm (#ff8c00), Vàng Goldenrod (#daa520), Vàng kim (#ffd700), Vàng Goldenrod đậm (#b8860b), Sô-cô-la (#d2691e), Peru (#cd853f).
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 màu cam là gì?
#ffa500 — tức là rgb(255, 165, 0) và hsl(39, 100%, 50%). Trong CSS, bạn cũng có thể chỉ cần viết orange.
Chữ màu cam 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à 1.97 : 1, không đạt chuẩn WCAG — hãy dùng nó để trang trí hoặc trên nền tối.
Màu nào hợp với màu cam?
Màu bổ sung của nó là #0059ff; các màu tương tự #ff2600 và #d9ff00 nằm cạnh nó trên vòng màu.