34 Tonos Diferentes de Color Amarillo (+ Códigos HEX)
Explora todos los tonos de amarillo, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores amarillo. Haz clic en cualquier tono para copiar su código HEX.
¡El amarillo es el color del calor, la energía y la alegría! Desde suaves pasteles hasta ricos tonos dorados, nuestra colección incluye más de 30 tonos de amarillo para iluminar cualquier diseño.
Ya sea que prefieras un tono sutil y relajante o un amarillo vibrante, encontrarás una gran variedad de tonos con sus nombres y códigos HEX. ¡Además, descubre impresionantes paletas de amarillo para usar en tus proyectos!
- cosmic latte#FFF8E6
- lemon chiffon#FEFACD
- light goldenrod yellow#F9FAD2
- pastel yellow#FCFD95
- lemon#FFF700
- cadmium yellow#FFF600
- daffodil#FFFF31
- laser lemon#FEFE22
- neon yellow#DCF400
- titanium yellow#EEE600
- green yellow#ADFF30
- light khaki#F0E78C
- straw#E4D96F
- flax#EDDC82
- jasmine#F8DE7F
- buff#F0DC83
- moccasin#FFFA66
- floral white#FEFCEC
- cornsilk#FDF9DD
- corn#FBEC5D
- school bus yellow#FFD800
- mikado yellow#FFC50C
- canary yellow#F7E801
- jonquil#F9D95E
- topaz#FFC87D
- sunglow#FFCC33
- banana yellow#FFE135
- orange yellow#F7D569
- golden poppy#FCC200
- golden yellow#F7BA00
- mango yellow#ECB542
- mustard yellow#F7C81B
- dark yellow#EFB701
- dark khaki#BDB76B
Amarillo: Códigos HEX y RGB
amarillo tiene los siguientes códigos de color principales:
HEX: #FFFF00
RGB: (255, 255, 0).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de amarillo
Yellow
#ffff00
Broom
#ffff1a
Golden Fizz
#ffff33
Gorse
#ffff4d
Laser Lemon
#ffff66
Dolly
#ffff80
Pale Canary
#ffff99
Portafino
#ffffb3
Cream
#ffffcc
Half and Half
#ffffe5
Explora los tonos más oscuros de amarillo
Madras
#333300
Verdun Green
#4c4d00
Verdun Green
#666600
Olive
#7f8000
Olive
#999900
Buddha Gold
#b2b300
Rio Grande
#cccc00
Turbo
#e5e600
amarillo en HEX, RGB, HSL y CMYK
| HEX | #FFFF00 | |
|---|---|---|
| RGB | rgb(255, 255, 0) | |
| HSL | hsl(60, 100%, 50%) | |
| CMYK | cmyk(0%, 0%, 100%, 0%) |
Tonos claros y oscuros de amarillo
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ffff27
#ffff4e
#ffff75
#ffff9c
#ffffc4
#ffffeb
Más oscuros
#d8d800
#b1b100
#8a8a00
#636300
#3b3b00
#141400
Colores que combinan con amarillo
Complementario
#FFFF00 #0000ff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ff8000 #FFFF00 #80ff00
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FFFF00 #00ffff #ff00ff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre amarillo
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de amarillo
Haz clic derecho para guardar la carta, o copia los códigos de arriba.