Mã màu vàng gold
#FFD700
rgb(255, 215, 0)
hsl(51, 100%, 50%)
cmyk(0%, 16%, 100%, 0%)
Tên tiếng Anh: Gold /ɡəʊld/
Về màu vàng gold
Vàng gold tương ứng từ khoá gold trong CSS, đậm và ấm hơn vàng thuần. Màu gợi sự thịnh vượng, thường dùng cho huy hiệu, giải thưởng và điểm nhấn cao cấp trên nền đen hoặc xanh navy.
Bảng sắc độ màu vàng gold từ nhạt đến đậm
- Pha 83% trắng #FFF8D5 rgb(255, 248, 213)
- Pha 67% trắng #FFF2AA rgb(255, 242, 170)
- Pha 50% trắng #FFEB80 rgb(255, 235, 128)
- Pha 33% trắng #FFE455 rgb(255, 228, 85)
- Pha 17% trắng #FFDE2B rgb(255, 222, 43)
- Màu gốc #FFD700 rgb(255, 215, 0)
- Pha 17% đen #D5B300 rgb(213, 179, 0)
- Pha 33% đen #AA8F00 rgb(170, 143, 0)
- Pha 50% đen #806C00 rgb(128, 108, 0)
- Pha 67% đen #554800 rgb(85, 72, 0)
- Pha 83% đen #2B2400 rgb(43, 36, 0)
Màu vàng gold phối với màu gì?
Trong thiết kế, màu vàng gold tạo tương phản mạnh nhất với màu bổ túc là #0026FF (gần với xanh dương), và phối êm, liền mạch với hai màu tương đồng #FF5900 (gần với cam neon) và #A6FF00 (gần với xanh nõn chuối). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với vàng gold khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện vàng gold trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Vàng gold #FFD700
- ≈ Xanh dương #0026FF
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 neon #FF5900
- Vàng gold #FFD700
- ≈ Xanh nõn chuối #A6FF00
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Vàng gold #FFD700
- ≈ Xanh ngọc lam #00FFD9
- ≈ Hồng tím #D900FF
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 vàng gold?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,40 : 1 | Không đạt | Không đạt |
| Đen #000000 | 14,97 : 1 | Đạt | Đạt |
Dùng màu vàng gold trong CSS
:root { --mau-vang-gold: #FFD700; }
.chu { color: #FFD700; }
.nen { background-color: rgb(255, 215, 0); }
.vien { border: 1px solid hsl(51, 100%, 50%); }Đổi #FFD700 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu vàng gold · Tạo gradient CSS với màu vàng gold
Các màu khác trong nhóm vàng
- Vàng #FFFF00 rgb(255, 255, 0)
- Vàng kim loại #D4AF37 rgb(212, 175, 55)
- Vàng chanh #FFF44F rgb(255, 244, 79)
- Vàng mù tạt #FFDB58 rgb(255, 219, 88)
- Vàng nghệ #E8A317 rgb(232, 163, 23)
- Vàng pastel #FDFD96 rgb(253, 253, 150)
- Vàng cát #C2B280 rgb(194, 178, 128)
- Vàng bơ #FFF1A8 rgb(255, 241, 168)
- Vàng cam #FFAE42 rgb(255, 174, 66)