DAMASCENO, Anielle. Webdesign: teoria e prtica.

Florianpolis: Visual Books, 2003 1

Cores em Sites - Combinaes Adequadas
Verde x Branco: Essa combinao recomendada a partir de tons de verde mais
metlicos e levemente azulados (ex: #78a996) e suas variaes, para mais escuro e mais
claro, que, combinados com o branco, sugerem limpeza e bom gosto. Experimente brincar
com essa tonalidade de verde, misturando elementos mais claros com mais escuros.
Amarelo x Azul: recomendado testar os tons de azul mais claros e acinzentados
(ex:#9ab5da) e suas variaes, e aproveitar o amarelo puro (ex:ffff00) na maioria dos
detalhes pequenos e linhas de composio do layout.
Cinza x vermelho escuro: Quando falamos do cinza para essa combinao, escolhemos
um tom de cinza mais claro (ex:d6d6d6) para a maioria dos grficos em cinza e alguns
grficos em tons de grafite. O vermelho escuro (vinho ou bord) sugere fora e aquece os
tons muito frios de cinza. Experimente o vermelho #890000 e suas variaes.
Azul x Cinza: Uma combinao fria mas muito agradvel. Alis, milhares de sites na web
optam por essas tonalidades clssicas, sofisticadas e quase sempre indispensveis
quando no se quer errar. Porm preciso atentar a alguns tons de azul que merecem
muita cautela no uso. Como por exemplo o azul puro (#0000FF). Ele remete aos primeiros
padres de links da web e, portanto uma cor ultrapassada. Tambm uma cor muito
forte e, se aplicada a grandes reas tende a desagradar os olhos. Opte por tons de azul
acinzentado em grandes reas (ex:#9ab5da) e suas variaes. Qualquer tom de cinza
aceitvel, desde o mais claro ao grafite, mas misture azul escuro e grafite com cautela,
pois eles podero deixar o visual pesado.
Preto x Cinza: Apesar de serem duas cores que intimidam, o preto e o cinza so muito
elegantes. Voc pode compor um layout muito bonito se abusar de tons cinza mais claros
(ex:#d4d4d4) e escolher alguns detalhes em preto. recomendado, entretanto, evita
reas extensas em preto ( uma cor que dificulta a leitura, mesmo com fontes brancas) e
escolher uma terceira cor para detalhes mnimos, como laranja ou azul.
Amarelo x Cinza x Laranja: O amarelo e o laranja so cores alegres e quentes e, se
combinadas com o triste cinza, conferem um ar moderno e original ao seu website.
Experimente confeccionar um layout e tons de cinza (desde o mais claro ao grafite) e
arrematar sua criao com tons de laranja por exemplo (ex:#ffba00, mais amarelado),
(ex:#ffa200, mais avermelhado), ou tons de amarelo.
Preto x Vermelho escuro x branco: O preto e o vermelho escuro so duas cores muito
pesadas que, sozinhas, no so recomendadas na criao de um layout de website.
Porm, se houver predominncia do branco, estas duas cores podem conferir um aspecto
maravilhoso ao desenho do site. Aproveite as cores escuras para detalhes e deixe a
maior parte de layout em tons mais claros. Experimente o tom de vermelho (ex:#b70909).
Rosa x azul: Essa combinao tem um resultado bem agradvel, mas difcil usarmos
essa combinao, a no ser em sites femininos ou voltados para o pblico infantil. Para
esses casos, prefira sempre tons mais claros (ex:#ffdaec, rosa), e (ex:#daebff, azul).
Azul x laranja: Assim como o azul e amarelo, o webdesigner obter excelente efeito se
combinar tons de azul (acinzentados) com laranja (tons mais vivos, nesse caso), esse
DAMASCENO, Anielle. Webdesign: teoria e prtica. Florianpolis: Visual Books, 2003 2
ltimo em detalhes de destaque da pgina. O laranja tem a propriedade de aquecer o frio
azul, e conferir um visual moderno e diferente ao layout. Diversos websites de
entretenimento e diverso, muito procurados pelos internautas, utilizam essa combinao.
Bege x branco: O bege (ex:#dad1ba) uma tonalidade muito suave e pode ser
combinada livremente com o branco, compondo websites para qualquer pblico-alvo. Esta
a combinao mais verstil de todas as apresentadas aqui. Use-a sem medo de errar.
Combinaes Inadequadas
Verde x amarelo: O verde e amarelo no so recomendados juntos em um website. O
verde por si s uma cor muito difcil de combinar, ficando melhor quando utilizado com
cores neutras, por exemplo branco e cinza. Alm disso, diversos tons de verde so
desagradveis aos olhos numa tela de monitor. O amarelo muito vivo e tende a brigar
com o verde, esteja ele em qualquer tom. A no ser que seja essencial, aconselhado
estudar novas combinaes antes de optar por essa em um layout. Caso seja exigncia
do cliente, experimente utilizar o verde metlico, mais azulado e acinzentado, e o uso de
amarelos mais suaves (ex:#fff6d4) apenas nos detalhes.
Vermelho x preto: O vermelho e o preto so cores que transmitem muito peso e
sensualidade e podem intimidar os usurios. Evite utilizar essas cores muito fortes
combinadas sozinhas, como cores nicas de uma pgina. Alm de promoverem a no
legibilidade de website, podem incomodar algumas pessoas por cansar rapidamente os
olhos. Se estiver utilizando uma terceira cor mais clara e neutra (como o branco e o cinza
claro), utilize com descrio vermelho e o preto em detalhes.
Verde x vermelho: O vermelho e o verde, assim como o verde e o amarelo, so duas
cores que brigam entre si, j que o verde no neutro e o vermelho se impe. Devemos
ter cuidado com essa combinao a no ser que o cliente assim o exija. Nesse caso,
prefira sempre os tons de verde mais metlicos e acinzentados e vermelho mais escuros.
Laranja x vermelho ou amarelo x vermelho: Duas cores muito quentes devem ser
utilizadas com muita discrio. Essa combinao por si s no devem ser utilizadas com
os nicos tons em um layout. Utilize-a em companhia de um tom frio (cinza ou azul) e
prefira sempre o vermelho em tom mais escuro (ex:#951b1b) que confere maior
suavidade. O laranja e amarelo puros podem ser utilizados, desde que com muita cautela.
Quando mal aplicadas, essas cores podem resultar numa grande confuso visual.
Roxo x Preto: O roxo uma bela cor, porm, muito estranha. Ele pode fazer sucesso em
layouts mais divertidos e joviais, quando levemente mais claro (ex:#d018f1), e combinado
com cores alegres, como o amarelo. Entretanto, o roxo ainda traz em si a sensao de
mistrio e medo, e unido ao preto, sugere morbidez. Se no for esse o contexto do
website, evite combinar preto e roxo escuro sozinhos em um layout.
Branco x amarelo: Assim como cores muito escuras tendem a pesar um website, cores
muito claras desagradam os olhos com a mesma intensidade. Apesar de ser uma cor
muito alegre, o amarelo puro, quando combinado ao branco, tende a ficar mito apagado e
di nos olhos do usurio de seu website. Para resolver esse problema, destaque as reas
em amarelo com o preto, que voc alcanar um interessante e moderno efeito.