edubun
Italiano

Colori complementari, analoghi e triadici

Sulla ruota dei colori dello schermo, il complementare del blu a 240 gradi è il giallo a 60 gradi, mentre la ruota di un pittore mette l'arancione di fronte al blu.

Caricamento del modello 3D

Trascina per ruotare. Scorri oppure avvicina e allontana due dita per regolare lo zoom.

Scegli un'armonia dal menu. I segnaposto in più stanno sullo stesso disco di luminosità agli angoli di tonalità corrispondenti, uniti da una linea. Muovi il cursore Tonalità e l'intera forma ruota con esso.

Le armonie sono angoli

I manuali di design descrivono una manciata di schemi di colore che tendono a sembrare equilibrati. Una volta che i colori sono collocati su un cerchio delle tonalità, ogni schema è semplicemente un insieme di angoli a partire da una tonalità iniziale. I colori complementari sono direttamente opposti, a 180 gradi. I colori analoghi stanno uno accanto all'altro; il modello usa 30 gradi da ciascun lato. Uno schema triadico usa tre tonalità equidistanti, a 120 gradi, così formano un triangolo equilatero. Uno schema di complementari divisi prende il complementare e lo sostituisce con i suoi due vicini, qui a 150 e 210 gradi dall'inizio.

Quattro schemi su una ruota delle tonalità a 12 passi che parte dall'arancione a 30 gradi. Il rosso è in alto e la tonalità aumenta in senso orario.

Il corso di disegno di LibreTexts descrive il carattere di ogni schema. Le coppie complementari danno un forte contrasto e attirano l'attenzione, ed è per questo che i designer le usano per ciò che deve risaltare. Gli schemi analoghi sembrano calmi e unitari e sono comuni in natura, come i verdi, i gialli e gli arancioni di un prato. Gli schemi triadici sono vivaci ma ancora equilibrati. Gli schemi di complementari divisi mantengono molto del contrasto di una coppia complementare ma risultano più facili da armonizzare. La guida della biblioteca dell'Università del Delaware aggiunge una regola pratica su quanto usare di ogni colore: circa il 60% per un colore dominante, il 30% per un colore secondario e il 10% per un accento.

Quale ruota?

Ecco una trappola. Esiste più di una ruota dei colori. La ruota HSL di questo corso è costruita dalla luce, con rosso, verde e blu come primari. Su di essa, il rosso a 0 gradi è opposto al ciano a 180, il verde è opposto al magenta e il blu è opposto al giallo. Molti corsi d'arte usano una ruota dei pittori costruita su pigmenti rosso, giallo e blu. Su quella ruota, il rosso sta di fronte al verde, il giallo al viola e il blu all'arancione, le coppie elencate nel corso di LibreTexts. Nessuna delle due ruote è sbagliata. Rispondono a domande diverse. La ruota della luce ti dice quali due luci sommate danno bianco. La ruota dei pittori è una lunga tradizione per mescolare i colori a pittura. Quando costruisci una tavolozza per uno schermo, gli angoli HSL sono quelli che userà il tuo codice, quindi controlla di quale ruota parla un tutorial.

Un'armonia fissa le tonalità, non la luminosità. Tre tonalità triadiche a saturazione piena e luminosità 50% sono squillanti. In pratica i designer mantengono gli angoli e cambiano saturazione e luminosità: una tonalità forte, le altre chiare o scure. Provalo nel modello. Scegli una triade, poi abbassa la saturazione, e nota che il triangolo si restringe verso l'asse dei grigi mantenendo la sua forma.

Altri due schemi compaiono nella maggior parte dei manuali. Uno schema monocromatico usa una sola tonalità in diverse versioni più chiare e più scure, che il testo di teoria del colore dell'RMIT chiama tinte e ombre. In termini HSL, la tonalità resta fissa e si muovono solo luminosità e saturazione, quindi nel modello è una linea verticale sulla fetta verticale. Uno schema tetradico usa quattro tonalità che formano un rettangolo sulla ruota, due coppie complementari insieme; quando le quattro sono equidistanti, a 90 gradi, formano un quadrato. Quattro tonalità sono difficili da bilanciare, quindi la maggior parte delle guide suggerisce di lasciarne guidare una e usare le altre in piccole quantità.

Complementari+180°
Analoghi−30° e +30° (vicini)
Triade+120° e +240°
Complementari divisi+150° e +210°
Complementare del blu sulla ruota della luceGiallo (240° + 180° = 60°)
Punti chiave
  • Complementari: a 180° di distanza. Analoghi: vicini. Triade: a 120° di distanza. Complementari divisi: 150° e 210°.
  • Sulla ruota della luce (HSL) il blu è opposto al giallo; sulla ruota dei pittori il blu è opposto all'arancione.
  • Le armonie fissano la tonalità; saturazione e luminosità restano da scegliere.
  • Una regola pratica comune: 60% dominante, 30% secondario, 10% accento.
  1. Qual è la tonalità complementare di 30° sulla ruota HSL?
  2. Qual è la tonalità complementare di 300°?
  3. Uno schema triadico parte da 0°. Quali tonalità lo completano?
    • 120° e 240°
    • 90° e 180°
    • 30° e 330°
    • Solo 180°
  4. Che forma fanno i colori triadici sulla ruota?
    • Triangolo equilatero
    • Linea retta
    • Quadrato
    • Triangolo rettangolo
  5. Quale coppia è analoga?
    • 30° e 60°
    • 30° e 210°
    • 0° e 120°
    • 60° e 240°
  6. Sulla ruota HSL (della luce), che cosa è opposto al blu?
    • Giallo
    • Arancione
    • Rosso
    • Verde
  7. Su una ruota tradizionale dei pittori, che cosa è opposto al blu?
    • Arancione
    • Giallo
    • Ciano
    • Magenta
  8. Quale schema sostituisce il complementare con i suoi due vicini?
    • Complementari divisi
    • Analoghi
    • Triade
    • Monocromatico
  9. In una tavolozza 60/30/10, quale percentuale è il colore d'accento?
  10. Abbassi la saturazione di una triade nel modello. Che cosa succede al triangolo?
    • Si restringe verso l'asse dei grigi
    • Ruota
    • Diventa una linea
    • Non cambia niente
Fonti di questo corso (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).

Consultato il: 2026-10-17