Mã màu san hô
#FF7F50
rgb(255, 127, 80)
hsl(16, 100%, 66%)
cmyk(0%, 50%, 69%, 0%)
Tên tiếng Anh: Coral /ˈkɒrəl/
Về màu san hô
San hô là màu cam hồng tươi, tương ứng coral trong CSS. Màu tràn năng lượng mùa hè, hợp với du lịch biển, thời trang và nút nhấn trên nền xanh ngọc.
Bảng sắc độ màu san hô từ nhạt đến đậm
- Pha 83% trắng #FFEAE2 rgb(255, 234, 226)
- Pha 67% trắng #FFD4C5 rgb(255, 212, 197)
- Pha 50% trắng #FFBFA8 rgb(255, 191, 168)
- Pha 33% trắng #FFAA8A rgb(255, 170, 138)
- Pha 17% trắng #FF946D rgb(255, 148, 109)
- Màu gốc #FF7F50 rgb(255, 127, 80)
- Pha 17% đen #D56A43 rgb(213, 106, 67)
- Pha 33% đen #AA5535 rgb(170, 85, 53)
- Pha 50% đen #804028 rgb(128, 64, 40)
- Pha 67% đen #552A1B rgb(85, 42, 27)
- Pha 83% đen #2B150D rgb(43, 21, 13)
Màu san hô phối với màu gì?
Trong thiết kế, màu san hô tạo tương phản mạnh nhất với màu bổ túc là #52D1FF (gần với xanh baby), và phối êm, liền mạch với hai màu tương đồng #FF527A (gần với đỏ anh đào) và #FFD752 (gần với vàng mù tạt). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với san hô khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện san hô trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- San hô #FF7F50
- ≈ Xanh baby #52D1FF
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.
- ≈ Đỏ anh đào #FF527A
- San hô #FF7F50
- ≈ Vàng mù tạt #FFD752
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- San hô #FF7F50
- ≈ Xanh mint #52FF80
- ≈ Tím violet #8052FF
Mở màu này trong công cụ phối màu · Chọn sắc gần giống bằng bảng chọn màu · Công thức pha màu san hô
Chữ trắng hay chữ đen trên nền san hô?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 2,49 : 1 | Không đạt | Không đạt |
| Đen #000000 | 8,40 : 1 | Đạt | Đạt |
Dùng màu san hô trong CSS
:root { --mau-san-ho: #FF7F50; }
.chu { color: #FF7F50; }
.nen { background-color: rgb(255, 127, 80); }
.vien { border: 1px solid hsl(16, 100%, 66%); }Lấy mã rgba() của màu san hô · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #FF7F50
Các màu khác trong nhóm cam
- Cam #FFA500 rgb(255, 165, 0)
- Cam đất #E2725B rgb(226, 114, 91)
- Cam cháy #CC5500 rgb(204, 85, 0)
- Cam đào #FFB07C rgb(255, 176, 124)
- 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)