Para ver exemplos prontos, veja as paletas monocromáticas do site.
O Que É uma Paleta Monocromática
“Monocromático” quer dizer “de uma cor só”. Numa paleta monocromática, todas as cores têm o mesmo matiz, a mesma posição na roda de cores, e mudam só a luminosidade e a saturação. Uma escala de azuis, do azul-bebê ao azul-marinho, é monocromática; azul com verde já não é.
Na fotografia, “monocromático” costuma significar preto e branco, que é a escala monocromática do cinza, sem matiz nenhum. Na moda, o mesmo princípio tem outro nome: “tom sobre tom”.
Tons Claros, Sombras e Tons Acinzentados
Há três jeitos de variar uma cor sem trocar o matiz:
- Tom claro: a cor com branco, mais clara e suave.
- Sombra: a cor com preto, mais escura e densa.
- Tom acinzentado: a cor com cinza, menos saturada e mais sóbria.
A tabela mostra uma escala monocromática do Azul Royal, calculada pelo site: o matiz e a saturação ficam iguais, e só a luminosidade muda. As duas últimas colunas mostram o contraste de cada tom com o branco e com o preto.
| Tom | Luminosidade | Contraste com branco | Contraste com preto |
|---|---|---|---|
| #D3DCF8 (perto de Lavanda) | 90% | 1,4:1 | 15,4:1 |
| #91A8EE (perto de Azul-Púrpura Máximo) | 75% | 2,3:1 | 9,0:1 |
| Azul Royal | 57% | 4,8:1 | 4,3:1 |
| #1C41B0 (perto de Azul Denim) | 40% | 8,6:1 | 2,4:1 |
| #11286E (perto de Azul Bandeira) | 25% | 13,5:1 | 1,6:1 |
| #0A1842 (perto de Azul Oxford) | 15% | 17,2:1 | 1,2:1 |
Um tom acinzentado do mesmo azul, com a saturação em 25%, seria o #7684AD (perto de Glauco). Ele cabe na mesma paleta e funciona bem como fundo ou como cor de apoio.
Como Criar uma Paleta Monocromática
- Escolha a cor base. Ela pode vir de uma marca, de uma foto (use o seletor de cores) ou de uma das famílias de cores do site.
- Crie de quatro a seis tons, do bem claro ao bem escuro. A seção “Variações” de cada ficha de cor já mostra os tons, as sombras e os tons acinzentados da cor.
- Garanta contraste para o texto. O tom mais escuro e o mais claro devem ter pelo menos 4,5:1 entre si; na escala da tabela, isso vale para o mais claro com os três mais escuros.
- Se quiser, acrescente um neutro, como branco ou cinza, e um único detalhe de outra cor para os botões.
Exemplo: A Escala num Site
Com a escala da tabela, um site inteiro pode ser montado com um matiz só. O tom mais claro vira o fundo das seções; o segundo, as bordas e os fundos de cartões; a cor base, os botões e os links de destaque; os dois tons mais escuros, os títulos e o texto. Como o tom mais claro tem contraste de mais de 6:1 com os três mais escuros, o texto fica legível em qualquer fundo claro da paleta. Para avisos e erros, entra uma única cor de outra família, como um vermelho, que se destaca justamente por ser diferente.
Monocromática Com Neutros
Branco, preto e cinza não têm matiz, então entram em qualquer paleta monocromática sem quebrar a unidade. Um branco levemente tingido com a cor base (um azul quase branco, por exemplo) e um quase preto da mesma família deixam o conjunto ainda mais coeso que o branco e o preto puros. As páginas de família do site, como os tons de azul e os tons de verde, já mostram os tons com nome divididos em claros, médios e escuros, um bom ponto de partida para a escala.
Onde Usar
- Interfaces e sites: os sistemas de design costumam organizar cada cor numa escala de tons, do mais claro ao mais escuro, para fundos, bordas, textos e estados de botões.
- Identidade visual: uma marca de uma cor só fica fácil de reconhecer e de aplicar.
- Decoração: paredes, tecidos e objetos no mesmo tom, com texturas diferentes, deixam o ambiente elegante e calmo.
- Moda: o look “tom sobre tom” alonga a silhueta e parece pensado sem esforço.
Erros Comuns
- Tons parecidos demais. Sem diferença de luminosidade, tudo se mistura e o texto some.
- Só tons médios. A paleta precisa de um tom bem claro e um bem escuro.
- Esquecer a textura. Em decoração e moda, materiais diferentes (madeira, tecido, metal) evitam a monotonia.
Monocromática, Análoga ou Complementar?
A monocromática é a mais coesa e segura; a análoga, com cores vizinhas, é um pouco mais rica e ainda calma; a complementar, com cores opostas, tem mais energia e contraste. Veja as outras duas no guia Cores complementares e análogas e como misturar tudo em Como combinar cores.