Categories: todasWeb Design

Paleta de Cores

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.

Maujor

Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por Web Standards e desenvolvo o site de tutoriais CSS para Web Design.

View Comments

  • 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.

  • 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 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

  • como faço para receber uma tabela com mistura de cores tipo
    vermelhio + amarelo = laranja

    se possivel responda

  • 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

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

9 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

10 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago