Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


Paleta de Cores

Publicado em: 2006-03-15 — 19,568 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.

1 Star2 Stars3 Stars4 Stars5 Stars (Post ainda não avaliado)
Loading ... Loading ...

----------------x-x-x---------------    fim da matéria    ---------------x-x-x---------------

Construindo sites com CSS e (X)HTML

Esta matéria foi publicada em: 2006-03-15 (Wednesday). 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.



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

  1. Newton de Góes Horta 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

  2. Felipe Ranieri 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!

  3. renato giovanny 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

  4. Simone Freitas 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

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

  6. Walker 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!

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

  8. CLAIRTON ALBINO disse:

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

    Obrigado!

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

  10. Richard disse:

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

    se possivel responda

  11. Brumho disse:

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

  12. Telma Azevedo 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

  13. Maria Aparecida disse:

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

    se possivel responda

  14. joel. p. lucas disse:

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

Comentário:






Subscrição de comentários sem comentar

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

Voltar ao topo

PR Tool


ir topo