A zona cinzenta
O cinza é o grande neutro. É concreto e prata, névoa e flanela: a cor que faz todas as outras parecerem melhores ficando fora do caminho. Um fundo cinza é a opção mais versátil deste site: calmo, profissional e impossível de destoar. Abaixo: fundos cinza prontos para baixar, os tons e códigos para criar o seu, e a história por trás da cor.
Códigos da cor Cinza
Galeria
Uma amostra de fundos cinza 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 cinza
Papel de parede: um fundo cinza suave é o mais descansado para a vista de todo o site: sereno no computador, elegante no celular. Cada imagem acima baixa em resolução completa.
Liso e sólido: o padrão profissional atrás de fotos de produto e retratos, neutro o bastante para favorecer qualquer coisa em cima; copie um tom exato mais abaixo.
Web e design: o cinza é o burro de carga das interfaces: texto, bordas, divisórias, estados desabilitados, superfícies de modo escuro. Se os seus cinzas estão bem escolhidos, a interface inteira parece cuidada.
Tons de cinza
O cinza tem mais personalidade do que lhe reconhecem. A ponta clara (gainsboro, prata, pérola) se lê arejada e limpa. Os cinzas médios são onde mora o caráter: a ardósia e o aço carregam um fundo azul, o estanho e o níquel se mantêm industriais, o cinéreo puxa para o quente. Na ponta escura, o grafite e o arsênio se aproximam do carvão sem chegar ao preto.
Clique em um tom para copiar o código hex, ou baixe como um fundo pronto para usar:
Com o cinza, o que importa é o subtom: os cinzas quentes (com um toque de marrom) parecem humanos e macios; os frios (com um toque de azul) parecem técnicos e precisos. Escolha uma temperatura e fique com ela: misturar cinzas quentes e frios é o jeito mais rápido de fazer um layout limpo parecer sutilmente errado.
Fundos cinza em degradê
Um degradê cinza é luz sobre névoa, a profundidade mais sutil que um fundo pode ter. Aqui estão seis degradês cinza 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 cinza do seu jeito.
O que significa o cinza
O cinza é a cor da neutralidade, e a neutralidade significa mais coisas do que você esperaria.
O neutro profissional
O cinza é seriedade: o terno de flanela, o relógio de prata, a instituição de granito. Comunica formalidade sem agressão, e por isso bancos, escritórios de advocacia e marcas de carros de luxo o procuram. Na fotografia e no design é o padrão dos padrões: o cartão de cinza 18 % com que as câmeras são calibradas é, literalmente, como a indústria define a exposição correta.
O significado cultural da cor cinza
O cinza é a cor da sabedoria e da idade (os cabelos grisalhos significam experiência em quase todas as culturas) e também da ambiguidade: zonas cinzentas, mercados cinza, céus cinzentos. Pode se ler como melancolia (pergunte a alguém em Seattle em novembro) ou como sofisticação (pergunte a alguém numa alfaiataria de Milão). Poucas cores mudam tanto conforme o contexto, e é isso que faz do cinza uma ferramenta de design precisa: ele significa o que as cores ao redor precisarem que signifique.
História do cinza
A história do cinza na arte é uma história de contenção. Os pintores medievais e renascentistas desenvolveram a grisalha: cenas inteiras pintadas só em cinzas, às vezes como base e às vezes como obra final imitando escultura de pedra; a técnica ainda nos encara dos vitrais das catedrais e dos painéis do retábulo de Gante. Mais tarde, o aquarelista William Payne misturou um cinza-azulado tão útil que ainda leva seu nome: o cinza de Payne segue nas paletas de hoje como a alternativa do pintor ao preto duro.
O mundo moderno fez do cinza coisa sua: cinza-jornal, cinza-concreto, cinza de tela de cinema. Pela maior parte do século XX, o cinema foi literalmente cinza, cada atuação e cada paisagem renderizadas só em seus tons. Prova de que a cor «neutra» consegue carregar uma forma de arte inteira.
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.