Como usar
- Escolha a Cor base com o seletor, ou digite um código em Código hexadecimal.
- Escolha a Harmonia que quiser. As duas rodas e as duas listas mudam ao mesmo tempo.
- Leia a Roda de cores HSL para as cores da tela, depois a Roda RYB do artista para pintura.
- Clique no botão de copiar ao lado de uma cor para copiar o código hexadecimal dela.
As sete harmonias
Um par complementar são duas cores opostas uma à outra na roda. Um esquema análogo é uma cor raiz com as cores de cada lado dela. Um esquema triádico são três cores a distâncias iguais, um triângulo equilátero na roda. A complementar dividida usa as duas cores ao lado do complemento da cor base. Um tetrado forma um retângulo de dois pares complementares, como descreve o artigo Harmony (color) da Wikipédia (em inglês)).
O quadrado tem quatro cores a 90 graus de distância, e a monocromática mantém um matiz e muda a luminosidade. Essas duas são as convenções usuais; esta ferramenta usa os ângulos listados abaixo.
- Complementar: base e base + 180°
- Análoga: base − 30°, base e base + 30°
- Triádica: base, + 120° e + 240°
- Complementar dividida: base, + 150° e + 210°
- Tetrádica: base, + 60°, + 180° e + 240°
- Quadrada: base, + 90°, + 180° e + 270°
- Monocromática: o matiz da base com luminosidade de 20, 35, 50, 65 e 80% em torno da base
A roda RYB do artista e sua aproximação
A roda do pintor é construída sobre vermelho, amarelo e azul, as três cores primárias que se misturam para formar as outras: vermelho e amarelo fazem laranja, vermelho e azul fazem roxo, e azul e amarelo fazem verde, como explica o artigo sobre o modelo de cores RYB da Wikipédia (em inglês). Assim, o complementar do vermelho nesta roda é o verde, enquanto na roda da tela é o ciano.
As cores de tela não se misturam como tinta, então a ferramenta usa a aproximação de Gossett e Chen (2004), “Paint Inspired Color Mixing and Compositing for Visualization”. Os oito cantos do cubo RYB recebem cores RGB nesse artigo, e as cores intermediárias são interpoladas pela regra smoothstep dele. A cor base é colocada no ponto mais próximo desse mapeamento. A aproximação serve como orientação, não como medição de pigmentos: tintas reais diferem de marca para marca e conforme a mistura.
- Cores com menos de 10% de saturação não têm matiz na roda RYB, então a página as mostra sozinhas.
Exemplo resolvido: harmonias do vermelho puro
Na roda HSL, o complementar de #FF0000 é o ciano. Na roda do pintor, o complementar do vermelho é o verde, e a tríade do vermelho é vermelho, amarelo e o azul do cubo do artigo, #2A5F99, em vez do azul da tela.
As duas rodas usam os mesmos ângulos, então a diferença está na roda, e não na escolha da harmonia.
| Harmonia de #FF0000 | Roda HSL | Roda RYB |
|---|---|---|
| Complementar | #00FFFF (ciano) | #00A833 (verde) |
| Triádica | #00FF00, #0000FF | #FFFF00, #2A5F99 |
Perguntas frequentes
Qual é a diferença entre a roda HSL e a roda RYB?
A roda HSL é a roda de cores das telas, com vermelho, verde e azul como primárias. A roda RYB usa vermelho, amarelo e azul, as primárias da tinta, por isso suas harmonias podem ser diferentes das da roda da tela.
Por que o complementar do vermelho é o verde na roda do pintor?
O verde é feito misturando azul e amarelo, então ele fica oposto ao vermelho na roda vermelho, amarelo e azul. Na tela, o oposto do vermelho é o ciano, porque as telas misturam luz, e não pigmento.
As cores RYB são exatas?
Não. São uma aproximação de como as tintas se misturam, baseada no mapeamento do cubo de Gossett e Chen. Use-as para montar uma paleta e confira a própria tinta na superfície que vai usar.
Por que a página mostra só uma cor para um cinza?
Um cinza não tem matiz, então não há ângulo na roda para harmonizar. A página mostra a cor sozinha, em vez de inventar um matiz para ela.
Qual harmonia escolher para uma pintura?
Pares complementares dão contraste forte e chamam a atenção; os esquemas análogos são calmos e próximos; os triádicos e tetrádicos oferecem mais cores para equilibrar. Teste algumas na roda antes de misturar qualquer tinta.
Fontes
- Gossett e Chen (2004), Paint Inspired Color Mixing and Compositing for Visualization, InfoVis 2004 (em inglês; cópia no site dos autores)
- Wikipédia (em inglês): RYB color model (vermelho, amarelo e azul como primárias dos pintores)
- Wikipédia (em inglês): Harmony (color), definições dos esquemas complementar, análogo, triádico e tetrádico
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.