Rodrigo Amaral

8 ferramentas para acertar na escolha das cores do seu site

Você, programador que está lendo esse post, com certeza já proferiu a seguinte frase em alguma oportunidade:

"Eu gosto de programar (para web), mas sou uma negação na parte visual"

Sim, somos ogros. Porém, o que acontece é que, em muitos casos, temos que assobiar e chupar cana ao mesmo tempo. Ou seja, geralmente é preciso sair com alguma gambi... ops, solução visual para um site, página ou aplicação por conta própria. Não tem jeito.

Por isso, é bom saber que uma das coisas mais simples que alguém pode fazer para deixar uma interface visual minimamente interessante é acertar na escolha das cores que serão utilizadas. É importante que as cores tenham harmonia entre si.

Harmonia → Lógica → Programação → DIVERSÃO

Abaixo, seguem algumas dicas de ferramentas que podem nos auxiliar a encontrar cores que combinem e deixem nosso design um pouco menos tenebroso ou com menos cara padrão de Twitter Bootstrap:

colourcode

colourcode

Escolha uma cor movendo o cursor pela tela, selecione com um clique, e a partir dela, gere uma paleta de acordo com os princípios da teoria das cores (análogas, complementares, tríade etc.). É a preferida da casa.

Adobe Kuler

Adobe Kuler

Ferramenta da Adobe, funciona de forma semelhante ao colourcode. Permite criar uma conta para salvar os esquemas de cores.

Color Scheme Designer

Color Scheme Designer

Mais um ótimo gerador de paletas de cores que funciona segundo o mesmo princípio dos anteriores.

0to255

0 to 255

É uma ferramenta mais simples, mas não menos útil. Cria variações em torno da mesma cor, o que a torna ideal para bordas, gradientes etc.

COLOURlovers

COLOURlovers

O site permite que os usuários criem e compartilhem paletas de cores.

ColoRotate

ColoRotate

Mostra as cores de forma tridimensional, facilitando a compreensão de como as cores se relacionam entre si.

ColourGrab

ColourGrab

Informe o URL de uma imagem e a ferramenta retorna um esquema com as principais cores que a compõem.

Pictaculous

Pictaculous

Semelhante ao ColourGrab, com a diferença que é preciso fazer o upload da imagem.