La zona gris
El gris es el gran neutro. Es concreto y plata, niebla y franela: el color que hace que todos los demás se vean mejor quedándose fuera del camino. Un fondo gris es la opción más versátil de este sitio: tranquilo, profesional e imposible de desentonar. Abajo: fondos grises listos para descargar, los tonos y códigos para crear el tuyo, y la historia detrás del color.
Códigos del color Gris
Galería
Una muestra de fondos grises 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.
Formas de usar un fondo gris
Fondo de pantalla: un fondo gris suave es el más descansado para la vista de todo el sitio: sereno en la computadora, elegante en el celular. Cada imagen de arriba se descarga en resolución completa.
Liso y sólido: el estándar profesional detrás de fotos de producto y retratos, lo bastante neutro para favorecer cualquier cosa que pongas encima; copia un tono exacto más abajo.
Web y diseño: el gris es el caballo de batalla de las interfaces: texto, bordes, divisores, estados deshabilitados, superficies de modo oscuro. Si tus grises están bien elegidos, toda la interfaz se siente cuidada.
Tonos de gris
El gris tiene más personalidad de la que se le reconoce. El extremo claro (gainsboro, plata, ceniza) se lee aireado y limpio. Los grises medios son donde vive el carácter: la pizarra y el acero llevan un matiz azul de fondo, el peltre y el níquel se mantienen industriales, el cinéreo tira a cálido. En el extremo oscuro, el grafito y el arsénico se acercan al carbón sin llegar al negro.
Haz clic en un tono para copiar su código hex, o descárgalo como fondo listo para usar:
Con el gris, lo que importa es el matiz de fondo: los grises cálidos (con un toque de café) se sienten humanos y suaves; los grises fríos (con un toque de azul) se sienten técnicos y precisos. Elige una temperatura y quédate con ella: mezclar grises cálidos y fríos es la manera más rápida de hacer que un diseño limpio se sienta sutilmente mal.
Fondos grises con degradado
Un degradado gris es luz sobre niebla, la profundidad más sutil que puede tener un fondo. Aquí tienes seis degradados grises 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 gris a tu medida.
Qué significa el gris
El gris es el color de la neutralidad, y la neutralidad significa más cosas de las que esperarías.
El neutro profesional
El gris es seriedad: el traje de franela, el reloj de plata, la institución de granito. Comunica formalidad sin agresión, y por eso bancos, despachos de abogados y marcas de autos de lujo lo buscan. En fotografía y diseño es el estándar de los estándares: la tarjeta de gris al 18 % con la que se calibran las cámaras es, literalmente, la forma en que la industria define la exposición correcta.
El significado cultural del color gris
El gris es el color de la sabiduría y la edad (las canas han significado experiencia en casi todas las culturas) y también de la ambigüedad: zonas grises, mercados grises, cielos grises. Puede leerse como melancolía (pregúntale a cualquiera en Seattle en noviembre) o como sofisticación (pregúntale a cualquiera en una sastrería de Milán). Pocos colores cambian tanto según el contexto, y eso hace del gris una herramienta de diseño precisa: significa lo que los colores a su alrededor necesiten que signifique.
Historia del gris
La historia del gris en el arte es una historia de contención. Los pintores medievales y renacentistas desarrollaron la grisalla: escenas enteras pintadas solo en grises, a veces como base y a veces como obra terminada imitando escultura de piedra; la técnica todavía nos mira desde los vitrales de las catedrales y los paneles del retablo de Gante. Más tarde, el acuarelista William Payne mezcló un gris azulado tan útil que aún lleva su nombre: el gris de Payne sigue en las paletas de hoy como la alternativa del pintor al negro duro.
El mundo moderno hizo suyo al gris: gris periódico, gris concreto, gris de pantalla grande. Durante la mayor parte del siglo XX, el cine fue literalmente gris, cada actuación y cada paisaje renderizados solo en sus tonos. Prueba de que el color «neutro» puede cargar con una forma de arte completa.
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.