Về màu Cam Đỏ (Orange Red)
Cam Đỏ (orangered) là một sắc cam trung bình, rực rỡ, có mã hex #ff4500, hoặc rgb(255, 69, 0). Trong HSL, màu này có sắc độ 16°, độ 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: orangered; thay vì mã hex.
Dùng 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 | 3.44 : 1 | Chỉ AA cho chữ lớn |
| Chữ Cam Đỏ trên nền đen | 6.10 : 1 | AA |
Trên nền cam đỏ, hãy dùng chữ đen (6.10 : 1). WCAG yêu cầu tỷ lệ tương phản 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: orangered; /* or #ff4500 */
background-color: #ff4500;
border: 1px solid rgb(255 69 0 / 50%);
}Các màu có tên tương tự
Chocolate (#d2691e), Đỏ (#ff0000), Cam Đậm (#ff8c00), Cà Chua (#ff6347), Đỏ Thẫm (#dc143c), Đỏ Gạch (#b22222).
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ì?
#ff4500 — tương đương rgb(255, 69, 0) và hsl(16, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp orangered.
Chữ màu cam đỏ trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 3.44 : 1, chỉ đạt chuẩn WCAG AA cho chữ lớn.
Những màu nào hợp với cam đỏ?
Màu bổ sung của nó là #00bbff; hai màu tương tự #ff003c và #ffc300 nằm cạnh nó trên bánh xe màu.