Elegancia en negro
Si piensas en tus sitios web favoritos, probablemente recuerdes muchos fondos blancos interrumpidos por toques periódicos de color. Pero no es común ver un fondo negro.
Hay muchas razones: un fondo oscuro puede ser ilegible si se hace mal, hay gente a la que le intimida una elección visual tan contundente, hay quien carga con la idea equivocada de que un fondo negro es automáticamente plano y sin profundidad, y la lista sigue.
Aquí vamos a explorar a fondo por qué el negro, el más profundo de los colores, se usa menos de lo que merece. Cubriremos desde el significado cultural del color hasta cómo resolver los retos visuales que suelen asociarse con un fondo o wallpaper negro. ¿Quién sabe? Para cuando terminemos, quizá le des a un fondo oscuro una segunda mirada, o hasta una segunda oportunidad.
Códigos del color Negro
Galería
Una muestra de fondos negros 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 negro
Fondo de pantalla: un wallpaper negro elegante para tu computadora o celular; en pantallas OLED un fondo negro puro hasta ahorra batería.
Liso y sólido: las fotos de producto y los retratos resaltan contra un relleno negro limpio; copia un tono exacto más abajo.
Web y diseño: el negro es el modo oscuro, el branding de lujo y el contraste alto. Combínalo con blanco para la claridad o con dorado para la extravagancia.
Tonos de negro
El negro no es un solo color: el carbón, el azabache, el ónix y el plomo se leen todos negros hasta que los pones lado a lado. Los negros cálidos (bistre, café noir) suavizan un diseño; los fríos (plomo, carbón) lo afilan. El #000000 puro es raro en la naturaleza y fuerte en pantalla; a veces un casi-negro es la opción más cómoda.
Haz clic en un tono para copiar su código hex, o descárgalo como fondo listo para usar:
Fondos negros con degradado
Un degradado le da dimensión a un fondo negro sin renunciar a lo oscuro. Aquí tienes seis degradados negros 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 negro a tu medida.
Qué significa el negro
El negro es autoridad, elegancia, luto y amenaza, a menudo todo al mismo tiempo.
El significado cultural del negro
Cuando consideras un wallpaper negro para tu celular o un fondo negro para tu sitio, quizá no notas que estás haciendo más que una simple elección visual. Tus decisiones de diseño pueden estar teñidas por sesgos inconscientes ligados a las implicaciones culturales del color negro. Repasemos su significado en un corte amplio de culturas para ayudarte a analizar cómo lo piensas.
El negro simboliza conceptos oscuros como la muerte, el luto y el mal en muchas culturas, así que tu primer instinto puede decirte que te alejes de él. Eso aplica en la mayoría de las culturas occidentales, y también en Tailandia y el Tíbet. Pero hay muchas otras connotaciones: en Medio Oriente el negro representa el luto, pero también un concepto más esperanzador, el renacimiento. En muchos países africanos puede representar conceptos fuertes y dignos como la masculinidad o la madurez. Igual en China, donde el negro es el color asociado a los niños varones, así como en Estados Unidos se usa el azul para los niños y el rosa para las niñas.
La tendencia de la masculinidad continúa en América Latina, donde muchas culturas ven el negro como color masculino, favorito en la ropa de hombre, aunque también de luto. Y en lo único que casi todas las culturas coinciden: el negro va de la mano de la magia y lo desconocido. Como ves, el negro carga significados variados para gente de todo el mundo, algo bueno de entender si estás contemplando un fondo oscuro.
Consideraciones de marketing del color negro
Ahora que sabes un poco más del negro en la historia del arte y en culturas muy distintas, veamos por qué no es común encontrar un fondo negro en un sitio web o un wallpaper negro en un celular o tablet.
Igual que hay aspectos culturales e históricos del negro a tener en cuenta, hay razones psicológicas por las que la gente gravita hacia otros colores. Existe la frase latina tabula rasa, «pizarra en blanco»: un constructo filosófico refinado por John Locke en el siglo XVII según el cual nacemos con la mente como un «papel blanco, vacío de caracteres». Un fondo blanco en un sitio web da la bienvenida como lo hace un amanecer o una hoja fresca de diario. Un fondo negro, en cambio, tiene una pesadez que puede sentirse claustrofóbica.
Más allá de lo psicológico, hay otras preocupaciones válidas. Probablemente la razón práctica número uno para evitar un fondo oscuro son los problemas de legibilidad: si tienes mucho contenido escrito sobre un fondo negro, leerlo será un verdadero reto.
Sin embargo, hay muchas razones por las que apostarle al negro puede pagar muy bien. Para empezar, te ayuda a destacar al instante: en un mar de sitios blancos, un fondo negro resalta. Solo asegúrate de que resalte por las razones correctas. Aquí van algunos consejos para sacarle el mejor partido:
Si tu contenido es principalmente visual, un fondo negro puede darle a una galería o portafolio un telón oscuro, elegante y sofisticado. Tus imágenes se verán lujosas contra un fondo negro liso y simple.
Juega con los degradados. Que tu fondo negro se funda hacia un gris profundo no introduce mucha más luz, pero de inmediato hace que el negro se sienta menos apretado. Da una ilusión de luz.
Introduce una textura negra para sumar dimensionalidad. Nuestro fondo de Trianglify, compuesto de triángulos abstractos en un degradado de negro a gris, es un gran ejemplo de un fondo negro que de verdad resalta.
Aunque los fondos negros no sean la elección obvia en diseño web, tienen una flexibilidad y una diversión sorprendentes para el proyecto correcto. Esperamos que conocer la historia y el significado cultural del negro, además de sus aplicaciones modernas de marketing, te inspire a arriesgarte y pensar fuera de la caja.
Una breve historia del negro en el arte
Desde tiempos inmemoriales, el negro se ha usado para hacer arte visual. Los artistas prehistóricos mezclaban su propio pigmento negro con carbón y hierro mineral para crear pinturas rupestres como las de las cuevas de Lascaux, de hace más de 17 000 años. Aquel pigmento se conservó mayormente intacto durante milenios, así que es justo decir que el negro tiene poder de permanencia en más de un sentido. Como esas pinturas paleolíticas se hicieron sobre muros, hasta podría decirse que fueron una especie de wallpaper negro original. También hay figuras en silueta negra en cerámica de la antigua Grecia, notablemente bien pigmentadas unos 2500 años después.
En el siglo XIV la moda cambió. Hasta entonces, la gente vestía ropas finas teñidas de morado, rojo o azul intensos para señalar riqueza e importancia, hasta que se aprobaron leyes que limitaban esos colores a la nobleza. Los banqueros empezaron a vestir de negro para presumir su propia riqueza y posición, y pronto los reyes adoptaron las sobrias pero imponentes túnicas negras. El pintor del Renacimiento tardío Giovanni Battista Moroni fue célebre por retratar a la nobleza y a figuras religiosas envueltas en sus ropas oscuras frente a fondos gris oscuro o negros. Sus cuadros siguen siendo un ejemplo de cómo la textura puede darle dimensionalidad a una imagen negra incluso en la oscuridad.
Pero quizá nuestra historia favorita del negro en el arte es mucho más reciente. Empieza en 2014, cuando la empresa británica Surrey NanoSystems anunció que había creado el negro más oscuro del mundo. Su producto revolucionario, bautizado Vantablack, absorbía un asombroso 99.96 % de la luz que lo tocaba, un color alucinante de mirar. En 2016, el escultor Anish Kapoor firmó un contrato que le dio los derechos exclusivos para usar el llamado «negro más negro» del mundo en el arte. Muchos artistas querían probar el pigmento, sobre todo cuando la empresa desarrolló una versión en aerosol mucho más barata; pero Surrey optó por trabajar con Kapoor, quien lleva años incorporando vacíos y espacios negativos en su obra. Otros artistas quedaron enormemente frustrados por no poder explorar una herramienta tan revolucionaria en su propio medio. Uno de ellos fue el pintor Stuart Semple.
Semple mezclaba sus propios colores y pigmentos desde sus días de universidad. Le molestó que un artista hubiera prácticamente registrado un material para que ningún otro pudiera usarlo, y que ni siquiera hubiera creado el pigmento era un golpe adicional. Semple ya había creado para sí una pintura rosa fluorescente vívida. En diciembre de 2016 puso a la venta tubos del color (que bautizó «Pinkest Pink») en su sitio con una condición: nadie podía comprar «Pinkest Pink» para dárselo a Anish Kapoor, ni podía comprarlo el propio Kapoor. Para todos los demás, libre.
Aunque Semple estaba molesto con Kapoor, no esperaba que su jugada fuera comercial: se volvió una especie de performance. Pero de pronto se vio inundado con más de cinco mil pedidos. Kapoor, para no quedarse atrás, publicó en Instagram una foto suya con el dedo medio metido en un bote de «Pinkest Pink», haciendo un gesto obsceno. Pero Semple pudo haberse quedado con la última risa: Surrey desarrolló después un Vantablack 2.0, un tono aún más negro del pigmento sintético más negro del mundo, con lo que el contrato exclusivo de Kapoor ya no significa tanto. Como ves, la historia del color negro en los medios visuales puede ser un viaje bastante salvaje.
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.