Tonos de Amarillo: 34 Tipos y HEX
Estos son los 34 tonos de amarillo más usados, del más claro al más oscuro.
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 amarillo 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.