Trabalhar com cores

Transcrição

Trabalhar com cores
Trabalhar com cores
1.
Para quem não sabe combinar as cores corretamente aqui vai uma dica de um site que
facilita e muito esta tarefa.
2. Acesse http://www.colorschemedesigner.com.
3. Na tela você pode escolher uma cor inicial para seu site, no exemplo a cor escolhida é
vermelho.
4. Na seqüência escolhemos o azul apenas clicando sobre ele no disco de cores, observe
que o esquema adapta-se para exibir opções de cores para azul, conforme indicado pelos
retângulos vermelhos na figura.
5.
Para ver o código hexadecimal de uma cor apenas posicione o ponteiro do mouse sobre
a cor, conforme o exemplo.
6. Note que não precisamos trabalhar com cores únicas, podemos mudar o modelo de
cores para o modelo complementar. Este modelo é formado por cores opostas no
disco de cores. Utiliza-se quando se deseja criar um contraste. Dê um clique em
complement.
Tutorial criado pelo Professor Rinaldo Demétrio
Trabalhar com cores
7.
Observe que azul e laranja são cores complementares uma da outra, estão opostas no
disco de cores.
8. Para um modelo de 3 cores selecione a opção triad. É possível arrastar os pontos pretos
e brancos para alterar as cores do modelo.
9. Também é possível escolher o modelo de 4 cores, selecionando tetrad.
10. O modelo analógico é formado por cores próximas no disco de cores. Utiliza-se este
modelo quando se deseja criar harmonia.
11. Quando estiver satisfeito com um dos modelos é possível exportar as cores escolhidas
para serem usadas em um site. Acesse a opção Export.
12. Entre as opções é possível escolher HTML+CSS.
Tutorial criado pelo Professor Rinaldo Demétrio
Trabalhar com cores
13. E a opção texto. Escolha Text.
14. Em ambas as opções é fornecido o código hexadecimal das cores para serem usadas em
um site.
Tutorial criado pelo Professor Rinaldo Demétrio