Cores complementares, análogas e em tríade
No círculo cromático da tela, a complementar do azul, a 240 graus, é o amarelo, a 60 graus, enquanto no círculo do pintor o laranja fica do lado oposto ao azul.
Arraste para girar. Use a rolagem ou afaste e aproxime dois dedos para ajustar o zoom.
Harmonias são ângulos
Os livros de design descrevem um punhado de esquemas de cor que costumam parecer equilibrados. Depois que as cores são colocadas num círculo de matizes, cada esquema é só um conjunto de ângulos a partir de um matiz inicial. Cores complementares ficam diretamente opostas, a 180 graus de distância. Cores análogas ficam lado a lado; o modelo usa 30 graus para cada lado. Um esquema em tríade usa três matizes igualmente espaçados, a 120 graus um do outro, e por isso formam um triângulo equilátero. Um esquema de complementares divididas pega a complementar e a troca pelas duas vizinhas, aqui a 150 e 210 graus do ponto de partida.
O curso de desenho da LibreTexts descreve o caráter de cada esquema. Pares complementares dão forte contraste e chamam a atenção, por isso os designers os usam para o que precisa se destacar. Esquemas análogos parecem calmos e unificados e são comuns na natureza, como os verdes, amarelos e laranjas de um campo. Esquemas em tríade são animados, mas ainda equilibrados. Esquemas de complementares divididas mantêm boa parte do contraste de um par complementar e são mais fáceis de usar. O guia da biblioteca da Universidade de Delaware acrescenta uma regra prática para saber quanto usar de cada cor: cerca de 60% para a cor dominante, 30% para a secundária e 10% para o destaque.
Qual círculo?
Aqui há uma armadilha. Existe mais de um círculo cromático. O círculo HSL deste curso é construído com luz, tendo vermelho, verde e azul como primárias. Nele, o vermelho a 0 grau fica oposto ao ciano a 180, o verde oposto ao magenta e o azul oposto ao amarelo. Muitas aulas de arte usam o círculo do pintor, construído sobre pigmentos vermelho, amarelo e azul. Nesse círculo, o vermelho fica oposto ao verde, o amarelo ao roxo e o azul ao laranja, os pares listados no curso da LibreTexts. Nenhum dos dois está errado. Eles respondem a perguntas diferentes. O círculo da luz diz quais duas luzes somam branco. O círculo do pintor é uma longa tradição para misturar tinta. Ao montar uma paleta para tela, os ângulos HSL são os que seu código vai usar, então confira de qual círculo um tutorial está falando.
Uma harmonia fixa os matizes, não a luminosidade. Três matizes em tríade com saturação total e 50% de luminosidade ficam berrantes. Na prática, os designers mantêm os ângulos e mudam a saturação e a luminosidade: um matiz forte, os outros claros ou escuros. Experimente no modelo. Escolha uma tríade, depois reduza a saturação e observe que o triângulo encolhe em direção ao eixo cinza sem perder a forma.
Mais dois esquemas aparecem na maioria dos livros. Um esquema monocromático usa um único matiz em várias versões mais claras e mais escuras, que o texto de teoria das cores da RMIT chama de tons claros e tons escuros. Em termos de HSL, o matiz fica fixo e só a luminosidade e a saturação se movem, então no modelo é uma linha vertical na fatia vertical. Um esquema tetrádico usa quatro matizes que formam um retângulo no círculo, dois pares complementares juntos; quando os quatro são igualmente espaçados, a 90 graus, formam um quadrado. Quatro matizes são difíceis de equilibrar, então a maioria dos guias sugere deixar um deles dominar e usar os outros em pequena quantidade.
| Complementares | +180° |
| Análogas | −30° e +30° (vizinhas) |
| Tríade | +120° e +240° |
| Complementares divididas | +150° e +210° |
| Complementar do azul no círculo da luz | Amarelo (240° + 180° = 60°) |
- Complementares: 180° de distância. Análogas: vizinhas. Tríade: 120° de distância. Complementares divididas: 150° e 210°.
- No círculo da luz (HSL), o azul é oposto ao amarelo; no círculo do pintor, o azul é oposto ao laranja.
- As harmonias fixam o matiz; a saturação e a luminosidade ficam por sua escolha.
- Uma regra prática comum: 60% dominante, 30% secundária, 10% de destaque.
- Qual é a complementar do matiz 30° no círculo HSL?
- Qual é a complementar de 300°?
- Um esquema em tríade começa em 0°. Quais matizes o completam?
- 120° e 240°
- 90° e 180°
- 30° e 330°
- Só 180°
- Que forma as cores em tríade desenham no círculo?
- Triângulo equilátero
- Linha reta
- Quadrado
- Triângulo retângulo
- Qual par é de cores análogas?
- 30° e 60°
- 30° e 210°
- 0° e 120°
- 60° e 240°
- No círculo HSL (da luz), o que é oposto ao azul?
- Amarelo
- Laranja
- Vermelho
- Verde
- No círculo tradicional do pintor, o que é oposto ao azul?
- Laranja
- Amarelo
- Ciano
- Magenta
- Qual esquema troca a complementar pelas suas duas vizinhas?
- Complementares divididas
- Análogas
- Tríade
- Monocromático
- Numa paleta 60/30/10, qual porcentagem é a cor de destaque?
- Você reduz a saturação de uma tríade no modelo. O que acontece com o triângulo?
- Ele encolhe em direção ao eixo cinza
- Ele gira
- Ele vira uma linha
- Nada muda
Fontes deste curso (14)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
- contrast ratio (L1 + 0.05) / (L2 + 0.05)
- range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
- 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
- W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
- OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
- OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
- Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
- The Newton Project (University of Oxford)
- Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
- History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
- LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
- RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
- University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).
Data de verificação: 2026-10-17