Resumindo
- Um esquema de cores monocromático usa um único matiz numa faixa de luminosidade e saturação, construída com tintas, sombras e tons.
- Uma tinta é um matiz misturado com branco, uma sombra é um matiz misturado com preto e um tom é um matiz misturado com cinza.
- Uma rampa monocromática útil tem cerca de nove ou dez passos, do quase branco ao quase preto, com espaçamento uniforme na luminosidade percebida.
- Deslocar levemente o matiz em direção às pontas clara e escura evita que uma paleta monocromática pareça sem vida.
- Paletas monocromáticas fazem gradientes calmos e coesos, mas misturas lentas de um só matiz formam banding com facilidade e se beneficiam de um grão fino.
Nesta página
Um esquema de cores monocromático usa um matiz e nada além dele, variado em luminosidade e saturação. Pense em azul-marinho, cobalto, céu e gelo: tudo azul, tudo claramente relacionado e com contraste suficiente entre si para dar conta de fundos, textos e destaques. Como todas as cores compartilham o mesmo matiz, uma paleta monocromática sempre parece unificada. O trabalho está em construir amplitude suficiente dentro desse único matiz.
Este guia cobre as três formas de variar um matiz, como montar uma rampa com a qual dá para projetar de verdade e como o monocromático funciona em gradientes. Para o contexto mais amplo, veja noções básicas de teoria das cores.
Tintas, sombras e tons
Toda cor de uma paleta monocromática vem de um de três movimentos. Uma tinta acrescenta branco, deixando a cor mais clara e mais suave. Uma sombra acrescenta preto, deixando-a mais profunda. Um tom acrescenta cinza, deixando-a mais silenciosa sem mudar muito a luminosidade.
Como montar uma paleta monocromática
Um punhado de tintas aleatórias não é uma paleta. O que você quer é uma rampa: uma sequência de passos do quase branco ao quase preto, com espaçamento uniforme, de modo que cada passo pareça tão diferente do vizinho quanto o anterior. De nove a onze passos é um tamanho comum, e é o que a maioria dos sistemas de design usa.
- 1
Escolha o matiz central
Escolha a versão da cor de que você mais gosta em força total. Ela vira o meio da rampa.
- 2
Defina as pontas
Escolha um quase branco com um toque do matiz e um quase preto com um toque do matiz. Evite o branco e o preto puros; parecem desconectados.
- 3
Preencha os passos pela luminosidade
Espace os passos pela luminosidade que aparentam, não por valores iguais de hex ou HSL. Espaços perceptuais como o OKLCH facilitam isso; veja gradientes em OKLCH.
- 4
Reduza a saturação nas pontas
Os passos muito claros e muito escuros ficam melhores um pouco suavizados. Saturação total nos extremos parece berrante ou barrenta.
- 5
Desloque o matiz
Deixe a ponta clara derivar um pouco para o quente ou o frio e a ponta escura para o outro lado. Isso dá vida sem quebrar o esquema.
Por que um leve deslocamento de matiz ajuda
Objetos reais raramente escurecem só ao acrescentar preto: as sombras captam luz mais fria ou mais quente do entorno. Uma rampa que só mistura preto e branco parece chapada em comparação. Deslocar o matiz alguns graus ao longo da rampa é prática padrão em ilustração e em sistemas de design.
#2563eb. A segunda deriva para o céu na ponta clara e para o índigo na escura, então parece iluminada, e não misturada.Conduzindo uma identidade inteira com um só matiz
Uma marca monocromática pode ser surpreendentemente marcante, porque é disciplinada de um jeito que a maioria das marcas não é. O truque é dar uma função a cada passo da rampa e manter-se fiel a ela.
| Passo da rampa | Função |
|---|---|
| 50 a 100 | Fundos de página e de cartão |
| 200 a 300 | Bordas, divisores, preenchimentos discretos |
| 400 a 600 | Cor da marca, botões, ilustração |
| 700 a 800 | Títulos, links, preenchimentos fortes |
| 900 e mais escuro | Texto corrido, fundos de modo escuro |
Combine sempre texto e fundo de pontas opostas da rampa. Dois passos do meio ficam lindos como amostras e falham como texto; confira com as diretrizes de contraste de cor. Registre a rampa, com a função de cada passo, no seu kit de marca para que todos usem os mesmos valores.
Um campo calmo de uma só família sob tipografia editorial.
O mesmo visual levado a um cabeçalho de e-mail.
A única coisa que falta a uma identidade monocromática é um destaque óbvio. Se os seus designs precisam que um botão ou um preço salte aos olhos, permita uma cor de fora do matiz e use-a raramente. Isso leva você a uma paleta análoga ou a um monocromático com destaque, ambos perfeitamente bons.
Gradientes monocromáticos
Gradientes de um só matiz estão entre os mais elegantes que você pode criar: sugerem a luz caindo sobre um único material. Nunca ficam barrentos, porque não há um segundo matiz para brigar.
Perguntas frequentes
O que é um esquema de cores monocromático?
Um esquema de cores monocromático usa um único matiz numa faixa de tintas, sombras e tons, do muito claro ao muito escuro.
Qual é a diferença entre tinta, sombra e tom?
Uma tinta é um matiz misturado com branco, uma sombra é misturada com preto e um tom é misturado com cinza.
Preto e branco é um esquema monocromático?
A rigor, preto, branco e cinza são acromáticos, ou seja, não têm matiz. No dia a dia as pessoas costumam chamá-los de monocromáticos, e eles seguem os mesmos princípios.
Quantas cores uma paleta monocromática deve ter?
De nove a onze passos, do quase branco ao quase preto, dão amplitude suficiente para fundos, textos, bordas e cor da marca.
Uma marca pode usar só uma cor?
Pode, se a paleta tiver toda a faixa de luminosidade e cada passo tiver uma função clara. Muitas marcas de uma cor só acrescentam um pequeno destaque para as chamadas para ação.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
