Elegância em preto
Se você pensar nos seus sites favoritos, provavelmente vai lembrar de muitos fundos brancos interrompidos por toques periódicos de cor. Mas não é comum ver um fundo preto.
Há muitas razões: um fundo escuro pode ficar ilegível se malfeito, tem gente que se intimida com uma escolha visual tão marcante, tem quem carregue a ideia equivocada de que um fundo preto é automaticamente chapado e sem profundidade, e a lista continua.
Aqui vamos explorar a fundo por que o preto, a mais profunda das cores, é usado menos do que merece. Vamos cobrir do significado cultural da cor a como resolver os desafios visuais que costumam acompanhar um fundo ou papel de parede preto. Quem sabe? Quando terminarmos, talvez você dê ao fundo escuro uma segunda olhada, ou até uma segunda chance.
Códigos da cor Preto
Galeria
Uma amostra de fundos pretos prontos para usar. Passe o cursor sobre qualquer imagem e clique no botão de download para baixar a versão em resolução completa.
Como usar um fundo preto
Papel de parede: um papel de parede preto elegante para o computador ou o celular; em telas OLED um fundo preto puro até economiza bateria.
Liso e sólido: fotos de produto e retratos saltam contra um fundo preto limpo; copie um tom exato mais abaixo.
Web e design: o preto é o modo escuro, o branding de luxo e o contraste alto. Combine com branco para a clareza ou com dourado para a extravagância.
Tons de preto
O preto não é uma cor só: o carvão, o azeviche, o ônix e o chumbo se leem todos pretos até você colocá-los lado a lado. Os pretos quentes (bistre, café noir) suavizam um design; os frios (chumbo, carvão) o afiam. O #000000 puro é raro na natureza e forte na tela; às vezes um quase-preto é a escolha mais confortável.
Clique em um tom para copiar o código hex, ou baixe como um fundo pronto para usar:
Fundos pretos em degradê
Um degradê dá dimensão a um fundo preto sem abrir mão do escuro. Aqui estão seis degradês pretos prontos para usar. Copie o CSS direto para a sua folha de estilos, ou baixe a imagem em resolução completa. Quer criar o seu? Abra o CSS Gradient e monte um preto do seu jeito.
O que significa o preto
O preto é autoridade, elegância, luto e ameaça, muitas vezes tudo ao mesmo tempo.
O significado cultural do preto
Quando você considera um papel de parede preto para o celular ou um fundo preto para o site, talvez não perceba que está fazendo mais do que uma simples escolha visual. Suas decisões de design podem carregar vieses inconscientes ligados às implicações culturais da cor preta. Vamos repassar seu significado num recorte amplo de culturas para ajudar você a analisar como pensa nela.
O preto simboliza conceitos sombrios como a morte, o luto e o mal em muitas culturas, então o seu primeiro instinto pode mandar você se afastar dele. Isso vale na maioria das culturas ocidentais, e também na Tailândia e no Tibete. Mas há muitas outras conotações: no Oriente Médio o preto representa o luto, mas também um conceito mais esperançoso, o renascimento. Em muitos países africanos pode representar conceitos fortes e dignos como a masculinidade ou a maturidade. O mesmo na China, onde o preto é a cor associada aos meninos, assim como nos Estados Unidos se usa o azul para os meninos e o rosa para as meninas.
A tendência da masculinidade continua na América Latina, onde muitas culturas veem o preto como cor masculina, favorita na roupa dos homens, embora também de luto. E na única coisa em que quase todas as culturas concordam: o preto anda de mãos dadas com a magia e o desconhecido. Como você vê, o preto carrega significados variados para gente do mundo inteiro, algo bom de entender se você está contemplando um fundo escuro.
Considerações de marketing da cor preta
Agora que você sabe um pouco mais do preto na história da arte e em culturas bem diferentes, vamos ao porquê de não ser comum encontrar um fundo preto num site ou um papel de parede preto num celular ou tablet.
Assim como há aspectos culturais e históricos do preto a considerar, há razões psicológicas para as pessoas gravitarem para outras cores. Existe a expressão latina tabula rasa, «lousa em branco»: um constructo filosófico refinado por John Locke no século XVII segundo o qual nascemos com a mente como um «papel branco, vazio de caracteres». Um fundo branco num site dá as boas-vindas como um nascer do sol ou uma folha nova de diário. Um fundo preto, por sua vez, tem um peso que pode soar claustrofóbico.
Além do psicológico, há outras preocupações válidas. Provavelmente a razão prática número um para evitar um fundo escuro são os problemas de legibilidade: com muito conteúdo escrito sobre um fundo preto, ler vira um desafio de verdade.
Mesmo assim, há muitas razões para a aposta no preto compensar. Para começar, ele ajuda a se destacar na hora: num mar de sites brancos, um fundo preto sobressai. Só garanta que ele sobressaia pelas razões certas. Aqui vão algumas dicas para tirar o melhor dele:
Se o seu conteúdo é principalmente visual, um fundo preto pode dar a uma galeria ou portfólio um pano de fundo escuro, elegante e sofisticado. Suas imagens vão parecer luxuosas contra um fundo preto liso e simples.
Brinque com os degradês. Fazer o seu fundo preto se fundir num cinza profundo não introduz muito mais luz, mas na hora faz o preto parecer menos apertado. Dá uma ilusão de luz.
Introduza uma textura preta para somar dimensionalidade. O nosso fundo de Trianglify, composto de triângulos abstratos num degradê de preto a cinza, é um ótimo exemplo de fundo preto que realmente se destaca.
Embora os fundos pretos não sejam a escolha óbvia no design web, eles têm uma flexibilidade e uma graça surpreendentes para o projeto certo. Esperamos que conhecer a história e o significado cultural do preto, além das aplicações modernas de marketing, inspire você a arriscar e pensar fora da caixa.
Uma breve história do preto na arte
Desde tempos imemoriais, o preto é usado para fazer arte visual. Os artistas pré-históricos misturavam o próprio pigmento preto com carvão e ferro mineral para criar pinturas rupestres como as das cavernas de Lascaux, de mais de 17 000 anos atrás. Aquele pigmento se conservou praticamente intacto por milênios, então é justo dizer que o preto tem poder de permanência em mais de um sentido. Como essas pinturas paleolíticas foram feitas em paredes, dá até para dizer que foram uma espécie de papel de parede preto original. Também há figuras em silhueta preta em cerâmicas da Grécia antiga, notavelmente bem pigmentadas uns 2 500 anos depois.
No século XIV, a moda mudou. Até então, as pessoas vestiam roupas finas tingidas de roxo, vermelho ou azul intensos para sinalizar riqueza e importância, até que leis passaram a limitar essas cores à nobreza. Os banqueiros começaram a vestir preto para exibir a própria riqueza e posição, e logo os reis adotaram as sóbrias mas imponentes túnicas pretas. O pintor do Renascimento tardio Giovanni Battista Moroni ficou conhecido por retratar a nobreza e figuras religiosas envoltas em trajes escuros diante de fundos cinza-escuros ou pretos. Seus quadros seguem sendo um exemplo de como a textura pode dar dimensionalidade a uma imagem preta mesmo na escuridão.
Mas talvez a nossa história favorita do preto na arte seja bem mais recente. Ela começa em 2014, quando a empresa britânica Surrey NanoSystems anunciou ter criado o preto mais escuro do mundo. Seu produto revolucionário, batizado de Vantablack, absorvia impressionantes 99,96 % da luz, uma cor de dar nó na cabeça. Em 2016, o escultor Anish Kapoor assinou um contrato que lhe deu os direitos exclusivos de usar o «preto mais preto» do mundo na arte. Muitos artistas queriam testar o pigmento, principalmente quando a empresa desenvolveu uma versão em spray bem mais barata; mas a Surrey optou por trabalhar com Kapoor, que há anos incorpora vazios e espaços negativos à sua obra. Outros artistas ficaram enormemente frustrados por não poder explorar uma ferramenta tão revolucionária no próprio meio. Um deles foi o pintor Stuart Semple.
Semple misturava as próprias cores e pigmentos desde a universidade. Ele se incomodou com um artista ter praticamente registrado um material para que nenhum outro pudesse usá-lo, e o fato de Kapoor nem ter criado o pigmento era um golpe a mais. Semple já tinha criado para si uma tinta rosa fluorescente vívida. Em dezembro de 2016, colocou tubos da cor (que batizou de «Pinkest Pink») à venda no seu site com uma condição: ninguém podia comprar o «Pinkest Pink» para dá-lo a Anish Kapoor, nem o próprio Kapoor podia comprá-lo. Para todo o resto, liberado.
Embora estivesse irritado com Kapoor, Semple não esperava que a jogada fosse comercial: virou uma espécie de performance. Mas, de repente, ele se viu afogado em mais de cinco mil pedidos. Kapoor, para não ficar atrás, postou no Instagram uma foto com o dedo do meio mergulhado num pote de «Pinkest Pink», em gesto obsceno. Mas Semple pode ter ficado com a última risada: a Surrey desenvolveu depois um Vantablack 2.0, um tom ainda mais preto do pigmento sintético mais preto do mundo, e o contrato exclusivo de Kapoor já não significa tanto. Como você vê, a história da cor preta nas mídias visuais pode ser uma viagem e tanto.
Colofão
Embora o Cool Backgrounds seja um ótimo recurso para gerar imagens a partir de bibliotecas populares de JavaScript, o trabalho pesado de verdade fica por conta dos próprios autores das bibliotecas. No quesito atendimento, Quinn Rohlf, do Trianglify.js, responde com uma rapidez incrível e ainda por cima é um cara muito inteligente. O Particle.js é desenvolvido por Marc Brüderlin, com uma API excelente, e segue em manutenção ativa. O Gradient Topography é um projeto recém-criado por mim em resposta ao trabalho incrível da equipe do Codrops. E, claro, o Unsplash é um dos maiores tesouros da internet de todos os tempos, criado pela antiga equipe do Crew como projeto paralelo.
Ah, sim, e não posso esquecer o CSS Gradient e o Rellax.js, que é o «cool background» por trás daquelas formas deslizantes de paralaxe na seção de conteúdo deste site.