Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Paleta de Cores

Publicado em: 2006-03-15 — 136.441 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

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

paletas de cores

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.

18 comentários na matéria: “Paleta de Cores”

  1. RafaelNo Gravatar disse:

    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.

  2. Hello world! | asmayr.pro.br disse:

    […] http://www.maujor.com/blog/2006/03/15/paleta/ – Várias ferramentas on-line esquema de cores […]

  3. Monica TorresNo Gravatar disse:

    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

  4. carlos cesarNo Gravatar disse:

    gostaria de receber a tabela das cores

  5. joel. p. lucasNo Gravatar disse:

    Gostaria de receber uma tabela com mistura das cores. Obrigado.Joel

  6. Maria AparecidaNo Gravatar disse:

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

    se possivel responda

  7. Telma AzevedoNo Gravatar disse:

    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

  8. BrumhoNo Gravatar disse:

    da pra vcs dizerem como faz uma paleta de 10 cor?

  9. RichardNo Gravatar disse:

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

    se possivel responda

  10. asmayr » Blog Archive » Web e Desenvolvimento disse:

    […] 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. […]

  11. CLAIRTON ALBINONo Gravatar disse:

    Preciso urgente de uma roda de cores, como posso conseguir?

    Obrigado!

  12. LeandroNo Gravatar disse:

    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

  13. WalkerNo Gravatar disse:

    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!

  14. at Farley disse:

    […] Ó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. […]

  15. Simone FreitasNo Gravatar disse:

    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

  16. renato giovannyNo Gravatar disse:

    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

  17. Felipe RanieriNo Gravatar disse:

    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!

  18. Newton de Góes HortaNo Gravatar disse:

    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

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo