Fundo Roxo

Reinado roxo

O roxo é a cor que passou a maior parte da história sendo ilegal de vestir. Sentado entre o calor do vermelho e a calma do azul, ele se lê luxuoso, criativo e um pouco misterioso: a escolha da realeza, dos magos e das marcas que querem parecer premium sem dizer isso. Um fundo roxo dá riqueza instantânea a uma tela. Abaixo: fundos roxos 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 roxos 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 roxo

Papel de parede: um fundo roxo profundo parece rico no computador e marcante no celular; cada imagem acima baixa em resolução completa.

Liso e sólido: a lavanda e a ameixa são panos de fundo inesperados e favorecedores para fotos de produto e retratos; copie um tom exato mais abaixo.

Web e design: o roxo é o sinal premium: serviços de streaming, marcas de beleza e fintechs o usam para parecer elevados sem a frieza do preto.

Tons de roxo

O roxo cobre tudo, do sussurro à cortina de veludo. A ponta clara (lavanda, cardo, lilás) é suave e calmante. O meio pertence à ametista, à orquídea e ao violeta: roxos com voltagem de verdade. Vá fundo e você chega à realeza: bizâncio, púrpura de Tiro e índigo, os roxos que antes exigiam um trono.

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

Um tom da grade tem história própria: o roxo Rebecca (#663399) foi adicionado à especificação do CSS em memória de Rebecca Meyer, filha do pioneiro do CSS Eric Meyer: um pequeno memorial permanente escrito na própria web.

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

Fundos roxos em degradê

Degradês roxos são o crepúsculo em forma de CSS: o entardecer se fundindo com a noite. Aqui estão seis degradês roxos 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 roxo do seu jeito.

O que significa o roxo

O roxo significa poder, criatividade e uma certa recusa em ser comum.

A cor dos reis (por lei)

Por séculos o roxo não foi só associado à realeza; era legalmente reservado a ela. Os imperadores romanos vestiam púrpura de Tiro enquanto as leis suntuárias a mantinham longe de todo o resto; a Inglaterra elisabetana escreveu regras parecidas. A exclusividade foi econômica antes de ser simbólica: o corante era tão caro que vesti-lo era vestir uma fortuna. A associação ficou: coroas, mantos e o Coração Púrpura seguem vivendo dela.

O significado cultural da cor roxa

Para além dos tronos, o roxo pertence ao imaginativo e ao pouco convencional: é a cor do Mardi Gras e do Advento, de Prince e da psicodelia, das embalagens de luxo e dos livros de fantasia. Também é genuinamente raro na natureza (um punhado de flores, umas poucas gemas), e talvez por isso nunca tenha deixado de parecer especial.

História do roxo

A púrpura de Tiro, a cor mais preciosa do mundo antigo, era extraída de caramujos marinhos à razão de uns dez mil caramujos por grama de corante; as cidades fenícias que a produziam ficaram famosas pelo cheiro e ricas pelo comércio. Essa escassez é a origem inteira do roxo-como-realeza.

Tudo mudou em 1856, quando um estudante de química de dezoito anos chamado William Perkin, ao fracassar na síntese da quinina contra a malária, criou por acidente a mauveína, o primeiro corante sintético da história. O malva foi de monopólio imperial a moda de massa em uma década, deu a partida na indústria da cor sintética e encerrou o reinado de quatro mil anos do roxo como a cor que o dinheiro não comprava fácil.

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.