1. Inicio
  2. Fondo Amarillo

Fondo Amarillo

Amarillo pollito

El amarillo es el color más ruidoso del salón: el color del sol, de los taxis y de las notas adhesivas. El ojo humano nota el amarillo antes que cualquier otro color, y por eso lo reclaman los autobuses escolares, las señales de precaución y los marcatextos. Un fondo amarillo irradia optimismo y energía; solo pide un poco de cuidado en el manejo. Abajo: fondos amarillos listos para descargar, los tonos y códigos para crear el tuyo, y la historia detrás del color.

Códigos del color Amarillo

Galería

Una muestra de fondos amarillos listos para usar. Pasa el cursor sobre cualquier imagen y presiona el botón de descarga para obtener la versión en resolución completa.

Pure yellow background
Solis yellow Trianglify background
Solar yellow gradient background
Beam yellow particles background
Yellow gradient topography background
Banana yellow solid background
Goldenrod yellow solid background
Mustard yellow solid background

Formas de usar un fondo amarillo

Fondo de pantalla: un fondo amarillo suave mantiene tu computadora o celular soleado sin gritar; cada imagen de arriba se descarga en resolución completa.

Liso y sólido: el amarillo hace que miniaturas y banners de anuncios sean imposibles de pasar de largo; copia un tono exacto más abajo.

Web y diseño: el amarillo exige un ancla oscura (texto casi negro o formas con peso), porque el amarillo sobre blanco es el par menos legible del diseño. Logra el contraste correcto y nada atrae la mirada más rápido.

Tonos de amarillo

El amarillo va de apenas perceptible a alarma total. El extremo claro (seda de maíz, chifón de limón, canario) funciona como un blanco cálido. El medio es puro sol: plátano, limón y el amarillo primario de las cajas de crayones. Empuja hacia el dorado y la tierra y aterrizas en el azafrán, la mostaza y la oliva: amarillos que hablan a menor volumen. La oliva se asienta justo en la frontera donde el amarillo cruza al verde.

Haz clic en un tono para copiar su código hex, o descárgalo como fondo listo para usar:

Amarillo claro
#FFFFE0
Chifón de limón
#FFFACD
Seda de maíz
#FFF8DC
Canario
#FFFF99
Caqui
#F0E68C
Lino
#EEDC82
Jazmín
#F8DE7E
Plátano
#FFE135
Icterina
#FCF55F
Maíz
#FBEC5D
Narciso
#FFFF31
Limón
#FFF700
Amarillo
#FFFF00
Limón láser
#FFFF66
Amarillo chartreuse
#DFFF00
Girasol
#FFDA03
Autobús escolar
#FFD800
Amarillo cíber
#FFD300
Amarillo dorado
#FFDF00
Azafrán
#F4C430
Mostaza
#FFDB58
Citrino
#E4D00A
Vara de oro
#DAA520
Dijon
#C49102
Oliva
#808000

La línea entre el amarillo y el dorado es donde los diseñadores se ganan el sueldo: agrega calidez y riqueza y el amarillo empieza a leerse como metal precioso; mantenlo brillante y plano y se queda pop y juguetón. Ambos viven en la cuadrícula de arriba.

¿Quieres aún más? Explora la colección completa de tonos de amarillo.

Fondos amarillos con degradado

Un degradado amarillo es luz de día embotellada: amanecer en un extremo, miel en el otro. Aquí tienes seis degradados amarillos listos para usar. Copia el CSS directo a tu hoja de estilos, o descarga la imagen en resolución completa. ¿Quieres crear el tuyo? Abre CSS Gradient y arma un amarillo a tu medida.

Sol
Limón
Miel
Solar
Mostaza
Amanecer

Qué significa el amarillo

El amarillo es optimismo con etiqueta de advertencia: el mismo color que significa sol también significa precaución.

Sol y cinta de precaución

El superpoder del amarillo es la visibilidad: es el color más luminoso que percibe el ojo, el primero que se ve a distancia y con poca luz. Por eso pertenece a los taxis, los autobuses escolares, las señales de tráfico y las franjas de alta visibilidad. En branding juega al extrovertido feliz: comida rápida, etiquetas de descuento, caritas sonrientes. Nada en el amarillo es sutil, y ese es el punto.

Gráfico de 25 tonos de amarillo con el nombre y el código hex en cada muestra de color.
Cremas, caqui, dorado y oliva: el amarillo tiene tonos de sobra.

El significado cultural del color amarillo

En la China imperial, el amarillo era tan exaltado que estaba reservado solo para el emperador; un plebeyo podía ser castigado por vestirlo. En India, el amarillo es el color de la cúrcuma, los festivales de primavera y los buenos comienzos. Occidente le da doble personalidad: sol y cobardía, calidez y advertencia. Pocos colores cargan significados tan distantes viéndose exactamente igual.

Historia del amarillo

El ocre amarillo es uno de los pigmentos fundadores de la pintura; está por todas las cuevas de Lascaux. El mundo antiguo se actualizó al oropimente, un amarillo de arsénico brillante que los egipcios amaban y que sus pintores presumiblemente no sobrevivieron. El amarillo indio, luminoso en los cielos de Turner, se dijo por mucho tiempo que se hacía con la orina de vacas alimentadas solo con hojas de mango: una historia tan difícil de verificar como de olvidar.

Luego llegó el amarillo de cromo en el siglo XIX, y con él los amarillos más famosos del arte: los girasoles de Van Gogh. El pigmento era inestable: esos amarillos ardientes llevan un siglo oscureciéndose, y los conservadores los cuidan como a pacientes. El amarillo que ves hoy no es exactamente el que él pintó, lo que de algún modo lo hace más valioso.

Colofón

Aunque Cool Backgrounds es un buen recurso para generar imágenes a partir de librerías populares de JavaScript, el verdadero trabajo pesado corre a cargo de los propios autores de las librerías. En cuanto a la atención al cliente, Quinn Rohlf, de Trianglify.js, responde con una rapidez increíble y, además, es un tipo muy inteligente. Particle.js está desarrollado por Marc Brüderlin, con una API estupenda, y se mantiene de forma activa. Gradient Topography es un proyecto recién creado por mí como respuesta al trabajo increíble del equipo de Codrops. Y, por supuesto, Unsplash es uno de los mejores tesoros de internet de todos los tiempos, creado por el antiguo equipo de Crew como proyecto paralelo.

Ah, sí, y no puedo olvidarme de CSS Gradient y Rellax.js, que es el «cool background» que impulsa esas formas de paralaje deslizantes en la sección de contenido de este sitio.