Mã màu hổ phách
#FFBF00
rgb(255, 191, 0)
hsl(45, 100%, 50%)
cmyk(0%, 25%, 100%, 0%)
Tên tiếng Anh: Amber /ˈæmbə(r)/
Về màu hổ phách
Hổ phách nằm giữa vàng và cam, giống nhựa cây hoá thạch. Trong giao diện, đây là màu quen thuộc của trạng thái cảnh báo và đèn tín hiệu.
Bảng sắc độ màu hổ phách từ nhạt đến đậm
- Pha 83% trắng #FFF4D5 rgb(255, 244, 213)
- Pha 67% trắng #FFEAAA rgb(255, 234, 170)
- Pha 50% trắng #FFDF80 rgb(255, 223, 128)
- Pha 33% trắng #FFD455 rgb(255, 212, 85)
- Pha 17% trắng #FFCA2B rgb(255, 202, 43)
- Màu gốc #FFBF00 rgb(255, 191, 0)
- Pha 17% đen #D59F00 rgb(213, 159, 0)
- Pha 33% đen #AA7F00 rgb(170, 127, 0)
- Pha 50% đen #806000 rgb(128, 96, 0)
- Pha 67% đen #554000 rgb(85, 64, 0)
- Pha 83% đen #2B2000 rgb(43, 32, 0)
Màu hổ phách phối với màu gì?
Trong thiết kế, màu hổ phách tạo tương phản mạnh nhất với màu bổ túc là #0040FF (gần với xanh dương), và phối êm, liền mạch với hai màu tương đồng #FF4000 (gần với đỏ cam) và #BFFF00 (gần với xanh lá mạ). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với hổ phách khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện hổ phách trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Hổ phách #FFBF00
- ≈ Xanh dương #0040FF
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.
- ≈ Đỏ cam #FF4000
- Hổ phách #FFBF00
- ≈ Xanh lá mạ #BFFF00
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Hổ phách #FFBF00
- ≈ Xanh ngọc lam #00FFBF
- ≈ Tím violet #BF00FF
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 hổ phách
Chữ trắng hay chữ đen trên nền hổ phách?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,65 : 1 | Không đạt | Không đạt |
| Đen #000000 | 12,70 : 1 | Đạt | Đạt |
Dùng màu hổ phách trong CSS
:root { --mau-ho-phach: #FFBF00; }
.chu { color: #FFBF00; }
.nen { background-color: rgb(255, 191, 0); }
.vien { border: 1px solid hsl(45, 100%, 50%); }Lấy mã rgba() của màu hổ phách · Tạo họ màu Tailwind từ màu này · Tạo gradient bắt đầu từ #FFBF00
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)
- 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)