10 Ferramentas de Cores para Designers

Não é novidade para ninguém que o bombardeio de produtos, banners, outdoors, pop-ups e propagandas aumentam cada vez mais a competitividade entre as empresas e por consequência, o trabalho do designer, que é pago para criar peças que agradem e chamem a atenção dos clientes.

O que vale ressaltar é a cor, um aspecto influente na hora da escolha, assim como a escolha da forma, símbolos, tipografia.

Ou seja, não importa qual é o projeto, a cor pode influenciar em como as pessoas vão interpretar o seu trabalho. 

Mas posso dizer que a cor é um tanto quanto subjetiva. A mesma cor pode evocar tipos diferentes de reações em diferentes pessoas, às vezes devido à preferência pessoal, outras vezes devido a fundo cultural.

Na internet há tantas ferramentas online que às vezes não sabemos qual usar, não é?

Então eu separei por categoria as ferramentas de cores que eu acho mais úteis e funcionais (Paleta de Cores, Escolha de Cores, Teoria, CSS).

Ferramentas de Cores: Paleta de Cores

Se você está começando um design do zero, sem inspiração ou sem definições a serem seguidas, pode ser bem complicado arranjar um esquema de cores que funcione. Então aqui eu vou sugerir algumas ferramentas que vão te ajudar a definir uma boa combinação de cores para o seu trabalho. 

ColourLovers

Des1gn ON | Ferramentas de Cores - ColourLovers

ColourLovers é a casa de milhões de paletas de cores geradas por usuários. Procure a coleção e veja aquela que te inspira, ou procure por uma cor e escolha entre suas possíveis combinações pré-prontas.

Kuler

Des1gn ON | Ferramentas de Cores - Kuler

Kuler é uma ferramenta poderosa do Adobe que permite que você navegue e avalie cores existentes separadas por temas, mas também, possibilita que você crie sua própria paleta a partir do zero.

Pictaculous

Des1gn ON | Ferramentas de Cores Pictaculous

À procura de emoção, estilo ou atmosfera particular em sua paleta de cores? Então esse site é para você, pois o Pictaculous é uma ferramenta inteligente que permite a escolha de cores de uma imagem carregada na própria página web.

Ferramentas de Escolha de Cor

O Photoshop tem a sua janela de escolha de cores (color picking) padrão, que eu tenho certeza que todos os designers estão familiarizados, mas basta pensar quantas vezes você teve que alternar entre os aplicativos para copiar/colar ou memorizar valores de cor para dar aquela preguiça. Tem que haver uma maneira melhor, não é? E na verdade, existe…

Colordot

Des1gn ON | Ferramentas de Cores - Colordot

Essa ferramenta simples, mas incrivelmente útil, se chama color.hailpixel.com. Permite digitalizar a janela do browser com a cor perfeita e, em seguida, copiar o código hexadecimal com apenas um único clique.

Hexu.al

Des1gn ON - Ferramentas de Cores - hexu

Encontre um monte de palavras coloridas no Hexu.al. Em vez de códigos hexadecimais com um monte de letras e números aleatórios, que tal #doodle ou #goofed? É muito mais divertido e memorável procurar as cores por palavras engraçadas!

CSS Color Names

Des1gn ON - Ferramentas de Cores - CSS named colors

Se nomes de cores aleatórias não são completamente sua vibe, talvez esta lista de 147 nomes de cores descritivos pode ser um pouco mais fácil de lembrar. Veja a seleção completa ou consulte uma cor aleatória a cada clique do mouse.

Ferramentas de Teoria das Cores

Você se lembra da roda de cores, cores análogas, triádicos e complementares da aula de arte? Você pode colocar a teoria em prática com a ajuda dessas ferramentas de cor cientificamente comprovadas.

Sphere

Des1gn ON - Ferramentas de Cores - Sphere

A ferramenta Sphere oferece uma interface agradável e simples para escolher tons e matizes na roda de cores. Escolha a cor base da paleta para restringir suas seleções de cores e harmonize os valores.

Color Scheme Designer

Des1gn ON | Ferramentas de Cores - colorschemedesigner

Projete seu próprio esquema de cores com o Color Scheme Designer. É só rodar e ajustar a roda de cores para selecionar a cor base, em seguida, veja os valores que são gerados automaticamente com base no seu tipo de paleta.

Ferramenta Geradora de Cores CSS

Essa é para os web designers. As últimas melhorias do CSS3 possibilitaram criar várias cores diretamente com código, mas a sintaxe CSS é muito mais difícil do que trabalhar com uma roda de cor visual. Por isso os geradores de cores salvam a vida, eles fornecem o código necessário para criar os efeitos desejados.

Ultimate CSS Gradient Generator Colorzilla

Des1gn ON | Ferramentas de Cores - colorzilla

Gradientes CSS3 são notoriamente difíceis de escrever no código. Não só você precisa conhecer os diferentes valores de cor, como também precisa adicionar os vários prefixos de fornecedores para fazê-lo funcionar em vários navegadores. Mas o Ultimate CSS Gradient Generator torna essa tarefa mais fácil, dando uma interface parecida com a do Photoshop para configurar a sua inclinação, e um código para copiar/colar.

Hex 2 RGBA Color Calculator

Des1gn ON | Ferramentas de Cores - hex2rgba

A conversão de um valor hexadecimal para RGB ou mesmo RGBa não é difícil, mas é muito chato quando cada valor é dado em separado, o que significa pelo menos três cliques para finalizar o processo. Com o Devoth fica mais fácil, já que o valor CSS pode ser copiado com apenas um clique.

Bônus

0 to 255

Des1gn ON | Ferramentas de Cores - 0to255

O padrão para a seleção de um hover é simplesmente escolher uma tonalidade mais escura da mesma cor. Este processo torna-se muito mais fácil com a ajuda do 0to255. Escolha a sua cor e veja uma série completa de variações, é perfeito!

Color Hexa

Des1gn ON | Ferramentas de Cores - ColorHexa

Color Hexa é como uma enciclopédia de cor. Basta digitar a cor que você quer que ele exibe uma descrição junto com alguns fatos úteis. A conversão direta de Hex ou RGB para o valor mais próximo CMYK também é bem útil para designers que trabalham com impressão.


Luanna Hedler é uma jornalista que deu parcialmente certo e se dedica ao Design desde que o descobriu.

Share

10 Ferramentas de Cores para Designers

Discussion

1 Response

Leave A Reply

Your email address will not be published. Required fields are marked *