Tabela de combinações de cores comumente usadas em design de páginas web.

Classificação por combinação de matizes

Aqui, as combinações de cores comuns no design de páginas web são classificadas por ordem de matiz. Cada categoria é dominada por um matiz específico, combinado com outros matizes ou tons do mesmo matiz, utilizando métodos de contraste e harmonização, e organizados em ordem de leveza a intensidade.

Vermelho

Laranja

Amarelo

Amarelo-esverdeado

Verde

Verde-azulado

Azul

Roxo azulado

Roxo

Magenta

Classificação por combinação de impressões

A combinação de cores pode parecer complexa, mas não é misteriosa. Uma vez que cada cor tem seu próprio lugar no espaço de impressão, a impressão resultante da combinação de cores pode ser aproximada através de operações de adição e subtração. Se cada cor for de alta luminosidade, sua sobreposição natural será suave e brilhante; se cada cor for intensa, sua sobreposição será intensa. Claro, no processo de design real, o designer também precisa considerar operações de multiplicação e divisão, como cores com a mesma luminosidade e contraste, mas com ângulos diferentes no círculo cromático, podem resultar em uma infinidade de sensações quando combinadas. Portanto, além de listar combinações por matiz, este livro também destacará combinações por impressão, para fornecer referências aos leitores.

Suave, brilhante, suave

Cores de alta luminosidade combinadas produzem uma sensação de suavidade, brilho e suavidade. Para evitar o ofuscamento, os designers geralmente usam tons de primeiro plano de baixa luminosidade, e a distância entre as cores no círculo cromático também ajuda a evitar a monotonia.

Suave, limpo, refrescante

Para uma impressão suave, limpa e refrescante, as cores adjacentes de azul a verde no círculo cromático são as mais adequadas. Além disso, a luminosidade deve ser relativamente alta. Pode-se observar que quase todos os conjuntos incluem branco. No entanto, na prática de design, pode-se substituir o branco por cores puras de alta luminosidade com matizes opostas de azul e verde.

Fofo, feliz, divertido

As características de combinação de cores com uma impressão de fofura, alegria e diversão são: distribuição uniforme de matizes, combinação equilibrada de cores frias e quentes, alta saturação e alta discriminação de cores.

Animado, feliz, divertido

Alegre, feliz e divertido em relação à primeira impressão, a escolha de cores é mais ampla. A mudança mais importante é substituir o branco puro por cores suaves ou cinzas de baixa saturação.

Esportivo, leve

As cores do esporte devem enfatizar a sensação de intensidade e emoção, ao mesmo tempo em que refletem saúde, felicidade e sol. Portanto, cores com alta saturação e brilho moderado costumam aparecer nesse tipo de impressão.

Leve, extravagante, dinâmico

A impressão de esplendor exige que a página esteja repleta de cores vibrantes, com alta saturação, enquanto uma diminuição adequada da luminosidade pode reforçar essa impressão.

Selvagem, abundante, dinâmico

No espaço de impressão selvagem, não podem faltar cores de baixa luminosidade, e até se pode usar preto adequado em conjunto. Outras cores saturadas são altas e contrastantes.

Glamoroso, chique, feminino

Em uma página feminina, o roxo e o magenta são protagonistas, enquanto o rosa e o verde também são cores frequentemente utilizadas. Geralmente, elas devem ser combinadas com alta saturação.

Sabor, feminino, elegante

O sentimento de elegância é peculiar, e a saturação das cores geralmente deve ser reduzida. Normalmente, combina-se cores adjacentes entre azul e vermelho, ajustando o brilho e a saturação.

Nobre, natural, estável

O tom elevado geralmente usa verde-amarelo de baixa luminosidade, reduzindo o brilho da cor e prestando atenção ao equilíbrio das cores, a página parecerá estável.

Calma, natural

O verde é o protagonista de uma impressão de calma e naturalidade, mas quando usado como cor principal de uma página, pode facilmente cair na transmissão de uma sensação excessivamente passiva. Portanto, é especialmente importante prestar atenção ao design do padrão.

Tradicional, elegante, gracioso

O conteúdo tradicional geralmente requer uma redução na saturação das cores, especialmente o marrom, que é muito adequado. Anteriormente, foi mencionado que o roxo também é uma cor comum para criar uma impressão de elegância e sofisticação.

Tradicional, sólido, clássico

Tradicional, sólido e clássico são impressões conservadoras. Na escolha de cores, deve-se optar por tons quentes de baixa luminosidade. Essa combinação se alinha com um gosto estético maduro.

Leal, estável e de bom gosto.

Cores com brilho e saturação mais baixas transmitem uma sensação de lealdade e estabilidade. Para evitar que essa combinação se torne excessivamente conservadora, tornando a página rígida e negativa, é essencial dar ênfase à combinação de cores frias e quentes, bem como ao contraste de luz e sombra.

Simples, limpo, progresso.

Cores simples e limpas podem ser representadas pelo azul e verde em termos de matiz, com grandes áreas de branco. Para transmitir uma impressão de progresso, é preferível usar mais azul, combinado com tons de baixa saturação ou até mesmo cinza.

Simples, elegante e sofisticado.

O cinza é a cor mais equilibrada e uma das principais cores para a textura de plástico metálico, portanto, para expressar elegância e moda, pode ser usado adequadamente, até mesmo em grandes áreas. No entanto, é importante prestar atenção à construção de padrões e texturas.

Simples, progressista, elegante

As cores que representam progresso são principalmente azuis, combinadas com cinza. A uniformidade na luminosidade das cores e a proximidade das tonalidades resultam em uma aparência simples em termos de cores.

Você usou recentemente:

Coleção Menu QQ