Paleta de Cores
Publicado em: 2006-03-15 — 153.808 visualizacoes
Esta matéria baseia-se em uma publicação de Christian Watson intitulada “Idéias para esquemas de cores” no seu Blog Smiley Cat.
O designer que não há em mim
Minha formação e interesse é completamente voltada para a área cartesiana e minha veia artística é um minúsculo vaso capilar.
Depois que criei o CSS para Web Design andei considerando umas investidas no aprendizado de design, tendo considerado inclusive frequentar cursos e adquirir livros a respeito.
Contudo o crescimento e aceitação do site atropelou todos os meus planos de aprendizado fora da área de Web Standards e eu continuo a me bater com combinação de cores e tons para compor minhas toscas criações.
Ferramentas de ajuda
Regularmente ando “googlando” atrás de matérias que tratem de cores.
Ao longo do tempo colecionei e mantenho em meus “Favoritos” alguns endereços interessantes que compartilho vocês:
Roda de cores
O entendimentro da roda de cores é o início e o básico da teoria de cores.
Se você não conhece a teoria sobre a roda de cores convém ler uma explicação rápida e objetiva a respeito, e em português.
Roda de Cores
Gerador de Cores
Gerador randômico de cores uma útil ferramenta online gera na tela do seu computador 100 cores aleatórias e o respectivo código hexadecimal a cada carregamento e/ou atualização (teclar F5) no navegador.
Inclui ainda a funcionalidade de apresentação das cores em tom normal e tom pastel.
Esquema de cores
Outra ferramenta online gera cores a partir da entrada pelo usuário de uma cor via seu código hex ou RGB
Aqui você escolhe a cor básica e as opções de combinação são geradas.
Color Schemer Online
Color Match
Gera uma paleta de 6 cores a partir da escolha de uma cor que poderá ser definida de três maneira distintas:
- Agindo em controles deslizantes
- Entrada do valor hex
- Entrada do valor RGB
De bônus ainda há naquela página, 6 links para outras ferramentas online.
Não funciona em navegadores Mozilla conforme alerta o autor na página e adicionalmente ele espera que alguém colabore encontrando uma maneira de adaptar o código para funcionar no Mozilla.
Se você entende do código usado na página e for capaz de adptá-lo a comunidade agradece.
Color Match 5K
Sherwin Willians
O site do fabricante de tintas fornece algumas paletas de cores bem interessantes que transcrevo a seguir e podem ser visualizadas a partir desta página
Paletas da Sherwin Williams
Ferramenta para gerar paleta de cores da Equipe Canvas
Em outubro de 2018 conheci uma ferramenta online gratuita que vale a pena conhecer (link abre em nova janela).
E a sua contribuição?
Se você conhece outras ferramentas para tratamento de cores, compartilhe com nossos leitores, enviando seu comentário e link.
Agradeço em nome de todos.
Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.
Esta matéria foi publicada em: 2006-03-15 (quarta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para https://www.maujor.com/blog/2006/03/15/paleta/trackback no seu site.
Bom faço web designer como amador algumas vezes até consigo um bom resultado, a primeira coisa é pesquisar algumas templates para tirar uma ideia previa, mas acho que a principal dica é usar um bom editor de imagem, está é minha dica:
http://www.baixaki.com.br/download/photofiltre.htm
Esse programa trabalha com degrade e sobrepõem imagem.
[…] http://www.maujor.com/blog/2006/03/15/paleta/ – Várias ferramentas on-line esquema de cores […]
Utilizo sempre o ColorCop e acho muitíssimo útil, pois permite que eu capture cores de qualquer coisa na tela através de um conta-gotas e me dá o resultado em RGB e hexa. Abraços a todos. Mônica
gostaria de receber a tabela das cores
Gostaria de receber uma tabela com mistura das cores. Obrigado.Joel
como faço para receber uma tabela com mistura de cores tipo
vermelhio + amarelo = laranja
se possivel responda
Boa tarde!
Gostaria muito de obter uma tabela da mistura das cores.
Por exemplo:
Vermelho + amarelo = alaranjado.
Ficarei muito feliz se for atendida.
Atenciosamente,
Telma
da pra vcs dizerem como faz uma paleta de 10 cor?
como faço para receber uma tabela com mistura de cores tipo
vermelhio + amarelo = laranja
se possivel responda
[…] http://www.maujor.com/blog/2006/03/15/paleta/ Tem links para outras ferramentas de cores além de estampar a paleta de cores da Sherwin Williams. […]
Preciso urgente de uma roda de cores, como posso conseguir?
Obrigado!
acho fundamental o conhecimento teorico,
então, antes de fazermos estas experiências com paletas de cores, vale lembrar que é preciso fazer um estudo do target;; mesmo com pesquisa exploratória ou não..
vale lembrar um livro: “psicodinamica das cores” mto interessante e tem em qqr lugar.. mas tbm isso não pode ser regra… o contexto sim..
o vermelho pode representar amor, paixão, mas em um país em guerra ele será lembrado como sangue…
e assim por diante
Primeiro de tudo: obrigado!
Seu blog me ajudou muito, pessoas como vc e como os usuários que mandam dicas é que me faz acreditar na expressão ” homens de boa vontade”, no que puder estarei mandando tb informaçoes que possam ajudar outras pessoas.
Value mesmo!
[…] Ótima a dica do Maurício do http://www.maujor.com! Testei a ferramenta no site http://www.colorschemer.com/online.html e resolvi baixa pra teste a versão pra desktop … RECOMENDO! Muito bom mesmo o programa e faz coisas que eu realmente preciso muito em relação às cores. Nuances variadíssimas, cores muito além das que normalmente consigo e coisa do gênero. O link do blog do Mauricio Samy Silva é no maujor.com/blog e o link onde está específicamente a matéria é este AQUI. Muita coisa boa lá. Outra ferramenta FANTÁSTICA que conheci no blog do Mauricio é a Extensão Aardvark para Firefox comentada lá no blog. O link pra download é ESTE. […]
Oi Maurício,
Duas ferramentas que eu que eu acho bem úteis:
Color Blender
Também mistura cores, mas faz o cálculo automaticamente. Uma feature legal é que os esquemas criados podem ser salvos.
500+ Colours
Uma lista de 500+ cores com seus nomes, valores em hexa, rgb, etc. O bacana dessa é que dá para clicar na cor e a tabela passa a exibí-la como cor de fundo, dando para comparar com as outras cores listadas.
[ ]’s
Simone
Cara, seu blog ta muito legal, não só pelas suas dicas e tutoriais, mas também pelas dicas dos leitores. Parabéns novamente!
Eu uso bastante o Color Blend. é uma ferramenta muito interessante, onde você define duas cores iniciais, e ela apresenta quantas cores intermediárias você pedir (aceitando 7, no máximo). Você pode informar quais são as duas cores iniciais em Hexadecimal, RGB absoluto (com valores entre 0 e 256 para cada cor), RGB em porcentagem (de 0% a 100% para cada cor) ou simplesmente clicando na paleta de cores que aparece numa coluna no lado direito da página
A URL é: http://www.meyerweb.com/eric/tools/color-blend/
Divirtan-se
Eu uso Color Schemer as vezes para ter alguma referência, testarei o citado no comentário acima. =]
Mauricio, parabéns pelo blog!!
Abraços!
Eu utilizo e gosto muito:
Limitless Innovations
Colour Lovers
No endereço abaixo, na coluna Color Tools, tem diversos links interessantes:
Web Developer’s Handbook