Uma das melhores maneiras de mudar o clima do design de uma página da web é alterar o esquema de cores. Se você vai usar cores para afetar o humor, é útil entender as famílias de cores e o que elas representam. As famílias de cores são divisões da roda de cores em três tipos de cores:
- Cores quentes
- Cores legais
- Cores neutras
Embora seja possível ter um design que use cores de todas as três famílias, a maioria dos designs tem uma sensação geral de calor, frescor ou neutralidade.
Energize-se com cores quentes
As cores quentes incluem tons de vermelho, laranja e amarelo e variações dessas cores. Eles são chamados de cores quentes porque evocam uma sensação de luz solar e fogo – coisas que são quentes. Os designs que usam cores quentes tendem a ser energizantes e edificantes. Implicam paixão e sentimentos positivos na maioria das pessoas. Cores quentes tendem a ser cores de criatividade, celebração, paixão, esperança e sucesso. As cores quentes são criadas usando apenas duas cores: vermelho e amarelo. Essas cores primárias se combinam para formar o laranja. Você não usa cores frias em uma paleta quente ao misturar cores.
Relaxe com cores legais
Cores frias incluem tons de verde, azul e roxo e variações dessas cores. Eles são chamados de cores frias porque evocam uma sensação de água, árvores e noite. Eles trazem uma sensação de relaxamento, calma e reserva. Os designs que usam cores frias costumam ser vistos como profissionais, estáveis e comerciais. Ao contrário das cores quentes, existe apenas uma cor primária, azul, nas cores frias. Portanto, para obter outras cores na paleta, você mistura um pouco de vermelho ou amarelo com azul para obter verde e roxo. Isso torna o verde e o roxo mais quentes do que o azul, que é uma cor fria pura.
Cores Neutras
As cores neutras consistem no marrom, que é uma combinação das três cores primárias, e nas duas cores restantes: preto e branco. Quanto mais turva ou cinza for uma cor, mais neutra ela se torna. Os designs neutros são os mais difíceis de definir porque muito do sentimento que evocam vem das cores quentes e frias que os influenciam. Os designs em preto e branco são considerados elegantes e sofisticados, mas como essas cores são tão nítidas, elas podem ser desafiadoras na criação de designs web eficazes. Outra maneira de criar uma paleta neutra é adicionar preto ou branco a uma cor quente ou fria para torná-la mais cinza.
Usando famílias de cores em web design
Se você está tentando evocar um clima com seu web design, as famílias de cores o ajudam a fazer isso. Uma boa maneira de testar isso é criar paletas diferentes nas três famílias de cores e comparar seu design usando todas as três. Você pode notar que todo o tom da página muda quando você muda a família de cores. Aqui estão alguns exemplos de paletas que você pode experimentar com sua página da web nas diferentes famílias de cores:
Caloroso
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
Frio
- # 69d2e7, # a7d relevant, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
Neutro
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9