Comece por uma Cor Principal
Toda combinação boa tem uma cor que manda. Ela pode vir de uma marca, de um objeto que você já tem (um sofá, um quadro, uma roupa) ou de uma foto: o seletor de cores por imagem tira as cores de uma imagem para você partir delas. Com a cor principal escolhida, as outras são escolhidas em relação a ela, e não soltas.
As Harmonias da Roda de Cores
As harmonias são posições fixas na roda de cores. A tabela mostra cada uma a partir do Azul Royal, com as cores calculadas pela roda do site e a cor com nome mais próxima de cada uma.
| Harmonia | Onde ficam na roda | Exemplo com o Azul Royal | Resultado |
|---|---|---|---|
| Análogas | as vizinhas, a 30° para cada lado | #41B9E1 (perto de Cerúleo Brilhante) #6941E1 (perto de Azul Majorelle) |
suave e coeso |
| Complementar | a oposta, a 180° | #E1B941 (perto de Dourado Metálico) | contraste máximo de matiz |
| Complementar dividida | as vizinhas da oposta, a 150° e 210° | #E16941 (perto de Siena Queimado) #B9E141 (perto de Amarelo-Esverdeado) |
contraste com menos tensão |
| Tríade | três cores a 120° uma da outra | #E14169 (perto de Cerise (Vermelho-Cereja Rosado)) #69E141 (perto de Verde Limão) |
vivo e equilibrado |
| Tétrade | quatro cores em retângulo | #B941E1 (perto de Orquídea Escura) #E1B941 (perto de Dourado Metálico) #69E141 (perto de Verde Limão) |
rico, pede uma cor dominante |
Há ainda a combinação monocromática, com um só matiz em vários tons do claro ao escuro, que é a mais segura de todas. Veja exemplos nas paletas monocromáticas.
A Regra 60-30-10
Muito usada na decoração e no design, a regra 60-30-10 divide o espaço entre três papéis: cerca de 60% para a cor dominante (paredes, fundo, peça principal), 30% para a secundária (móveis, blocos de conteúdo) e 10% para o destaque (almofadas, botões, acessórios). Ela evita o erro mais comum, que é usar várias cores fortes na mesma quantidade, competindo pela atenção. Os números são um ponto de partida, não uma lei: o importante é que uma cor domine e uma apareça pouco.
Neutros: O Atalho Que Sempre Funciona
Branco, preto, cinza e bege combinam com qualquer cor, porque têm pouca ou nenhuma saturação. Uma paleta com uma cor forte e dois ou três neutros quase nunca dá errado. O cuidado é não misturar neutros quentes e frios: um bege ao lado de um cinza azulado pode parecer sujo. Escolha um lado e mantenha. Os azuis muito escuros, como o Azul-Marinho, também funcionam como neutros.
O Que Combina Com Cada Cor
Um resumo das combinações de cada família do site. Em cada uma, a seção de combinações explica o porquê e mostra as cores que pedem cuidado.
Combinar Também É Conseguir Ler
Em sites, apresentações e embalagens, uma combinação bonita precisa ser legível. Duas cores com muito contraste de matiz, como vermelho e verde, podem ter quase a mesma luminosidade, e aí o texto de uma sobre a outra fica difícil de ler, e pior para quem é daltônico. Antes de fechar a paleta, confira os pares de texto e fundo no verificador de contraste: o mínimo da WCAG é 4,5:1 para texto normal.
Erros Comuns
- Muitas cores fortes juntas. Escolha uma para dominar e use as outras em pouca quantidade.
- Vermelho e verde puros lado a lado. Eles parecem vibrar e se confundem para quem tem daltonismo.
- Neutros quentes e frios misturados. Bege e cinza azulado, por exemplo, raramente ficam bem juntos.
- Esquecer o contraste. Uma paleta só de tons médios fica bonita em amostras, mas sem leitura no texto.
Ferramentas para Testar
O gerador de paletas cria combinações a cada toque na barra de espaço e deixa travar as cores de que você gostou. A roda de cores mostra as harmonias de qualquer cor. Para começar de exemplos prontos, veja as paletas de cores, organizadas por cor e por estilo.
Tabela de Combinação de Cores
As cores que combinam com cada família e as que pedem cuidado (brigam ou somem perto dela). Cada família leva à página com os tons, o porquê das combinações e as paletas.