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 — 132.524 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

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.

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro jQuery   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro html5   capa livro css3   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro RWD   capa livro foundation   capa livro HTML5 e CSS3   capa livro Bootstrap3   capa livro Sass e Compass

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 http://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