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 gambiarra 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 - find your colour scheme 2013-07-22 17-24-01Escolha 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

Color wheel | Color schemes - Adobe Kuler 2013-07-22 17-25-43Ferramenta da Adobe, funciona de forma semelhante ao colourcode. Permite criar uma conta para salvar os esquemas de cores.

Color Scheme Designer

Color Scheme Designer 3 2013-07-22 17-26-32Mais um ótimo gerador de paletas de cores que funciona segundo o mesmo princípio dos anteriores.

0to255

#4055c0 on 0to255 2013-07-22 17-27-57É 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

Browse Palettes :: COLOURlovers 2013-07-22 18-04-44O site permite que os usuários criem e compartilhem paletas de cores.

ColoRotate

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

ColourGrab

ColourGrab.com - Colouring The World. 2013-07-22 17-33-39Informe o URL de uma imagem e a ferramenta retorna um esquema com as principais cores que a compõem.

Pictaculous

Pictaculous - A Color Palette Generator (courtesy of MailChimp) 2013-07-22 17-34-34Semelhante ao ColourGrab, com a diferença que é preciso fazer o upload da imagem.

Conhece alguma outra ferramenta de esquemas e paletas de cores? Compartilhe nos comentários!

Você também pode se interessar por:

Anúncios

7 ideias sobre “8 ferramentas para acertar na escolha das cores do seu site

  1. Pingback: Hack Design: aulas de design para programadores | Rodrigo Amaral

  2. Pingback: TWC Comunicação

  3. Guilherme Pereira

    Realmente rs, quem tem mais intimidade com codigos falha no design, eu principalmente frito neoronios ao criar um design, mas nada que nao seja impossivel de fazer, otimas ferramentas, inclusive o kuler é muito bom.

    Resposta
  4. Pingback: Recursos para Web Designers – Tipografia, Cores, Layout e Grids | Rodrigo Milano

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s