Mã màu cam
#FFA500
rgb(255, 165, 0)
hsl(39, 100%, 50%)
cmyk(0%, 35%, 100%, 0%)
Tên tiếng Anh: Orange /ˈɒrɪndʒ/
Về màu cam
Cam chuẩn của CSS (orange) là màu trung gian giữa đỏ và vàng. Màu gợi sự thân thiện, ấm áp, hợp cho nút hành động phụ, thông báo cảnh báo mức nhẹ và thương hiệu ẩm thực.
Bảng sắc độ màu cam từ nhạt đến đậm
- Pha 83% trắng #FFF0D5 rgb(255, 240, 213)
- Pha 67% trắng #FFE1AA rgb(255, 225, 170)
- Pha 50% trắng #FFD280 rgb(255, 210, 128)
- Pha 33% trắng #FFC355 rgb(255, 195, 85)
- Pha 17% trắng #FFB42B rgb(255, 180, 43)
- Màu gốc #FFA500 rgb(255, 165, 0)
- Pha 17% đen #D58A00 rgb(213, 138, 0)
- Pha 33% đen #AA6E00 rgb(170, 110, 0)
- Pha 50% đen #805300 rgb(128, 83, 0)
- Pha 67% đen #553700 rgb(85, 55, 0)
- Pha 83% đen #2B1C00 rgb(43, 28, 0)
Màu cam phối với màu gì?
Trong thiết kế, màu cam tạo tương phản mạnh nhất với màu bổ túc là #0059FF (gần với xanh dương), và phối êm, liền mạch với hai màu tương đồng #FF2600 (gần với đỏ tươi) và #D9FF00 (gần với vàng). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với cam khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện cam trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Cam #FFA500
- ≈ Xanh dương #0059FF
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Cam #FFA500
- ≈ Xanh lục bảo #00FFA6
- ≈ Tím violet #A600FF
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền cam?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,97 : 1 | Không đạt | Không đạt |
| Đen #000000 | 10,63 : 1 | Đạt | Đạt |
Dùng màu cam trong CSS
:root { --mau-cam: #FFA500; }
.chu { color: #FFA500; }
.nen { background-color: rgb(255, 165, 0); }
.vien { border: 1px solid hsl(39, 100%, 50%); }Đổi #FFA500 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu cam · Tạo gradient CSS với màu cam
Các màu khác trong nhóm cam
- Cam đất #E2725B rgb(226, 114, 91)
- Cam cháy #CC5500 rgb(204, 85, 0)
- Cam đào #FFB07C rgb(255, 176, 124)
- San hô #FF7F50 rgb(255, 127, 80)
- Cam neon #FF5F1F rgb(255, 95, 31)
- Cam bí ngô #FF7518 rgb(255, 117, 24)
- Cam pastel #FFB347 rgb(255, 179, 71)
- Mơ #FBCEB1 rgb(251, 206, 177)
- Hổ phách #FFBF00 rgb(255, 191, 0)