Fundo Amarelo

Sem amarelar

O amarelo é a cor mais barulhenta da sala: a cor do sol, dos táxis e dos post-its. O olho humano nota o amarelo antes de qualquer outra cor, e por isso os ônibus escolares, as placas de atenção e os marca-textos o reivindicam. Um fundo amarelo irradia otimismo e energia; só pede um pouco de cuidado no manejo. Abaixo: fundos amarelos prontos para baixar, os tons e códigos para criar o seu, e a história por trás da cor.

Galeria

Uma amostra de fundos amarelos 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 amarelo

Papel de parede: um fundo amarelo suave deixa o computador ou o celular ensolarado sem gritar; cada imagem acima baixa em resolução completa.

Liso e sólido: o amarelo torna miniaturas e banners de aviso impossíveis de passar batido; copie um tom exato mais abaixo.

Web e design: o amarelo exige uma âncora escura (texto quase preto ou formas com peso), porque amarelo sobre branco é o par menos legível do design. Acerte o contraste e nada atrai o olhar mais rápido.

Tons de amarelo

O amarelo vai do quase imperceptível ao alarme total. A ponta clara (seda de milho, chiffon de limão, canário) funciona como um branco quente. O meio é puro sol: banana, limão e o amarelo primário das caixas de giz de cera. Empurre para o dourado e a terra e você aterrissa no açafrão, na mostarda e na oliva: amarelos que falam em volume mais baixo. A oliva fica bem na fronteira onde o amarelo cruza para o verde.

Clique em um tom para copiar o código hex, ou baixe como um fundo pronto para usar:

A linha entre o amarelo e o dourado é onde os designers ganham o salário: some calor e riqueza e o amarelo começa a se ler como metal precioso; mantenha-o brilhante e chapado e ele continua pop e brincalhão. Os dois vivem na grade acima.

Quer ainda mais? Explore a coleção completa de tons de amarelo.

Fundos amarelos em degradê

Um degradê amarelo é luz do dia engarrafada: alvorada de um lado, mel do outro. Aqui estão seis degradês amarelos 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 amarelo do seu jeito.

O que significa o amarelo

O amarelo é otimismo com etiqueta de aviso: a mesma cor que significa sol também significa cautela.

Sol e fita de isolamento

O superpoder do amarelo é a visibilidade: é a cor mais luminosa que o olho percebe, a primeira vista à distância e com pouca luz. Por isso pertence aos táxis, aos ônibus escolares, às placas de trânsito e às faixas de alta visibilidade. No branding, faz o papel do extrovertido feliz: fast food, etiquetas de desconto, carinhas sorridentes. Nada no amarelo é sutil, e esse é o ponto.

O significado cultural da cor amarela

Na China imperial, o amarelo era tão exaltado que ficava reservado só ao imperador; um plebeu podia ser punido por vesti-lo. Na Índia, o amarelo é a cor da cúrcuma, dos festivais de primavera e dos bons começos. O Ocidente lhe dá dupla personalidade: sol e covardia, aconchego e aviso. Poucas cores carregam significados tão distantes com exatamente a mesma cara.

História do amarelo

O ocre amarelo é um dos pigmentos fundadores da pintura; está por toda parte nas cavernas de Lascaux. O mundo antigo evoluiu para o ouropigmento, um amarelo de arsênio brilhante que os egípcios amavam e que seus pintores presumivelmente não sobreviveram. O amarelo-indiano, luminoso nos céus de Turner, teria sido feito, segundo se dizia, da urina de vacas alimentadas só com folhas de manga: uma história tão difícil de verificar quanto de esquecer.

Depois veio o amarelo de cromo no século XIX, e com ele os amarelos mais famosos da arte: os girassóis de Van Gogh. O pigmento era instável: aqueles amarelos ardentes escurecem há um século, e os conservadores os cuidam como pacientes. O amarelo que você vê hoje não é exatamente o que ele pintou, o que de algum jeito o torna mais precioso.

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.