Recent Changes - Search:

Pagine di servizio

Gruppi

Pagine in allestimento

Strumenti

Domini correlati

PmWiki

pmwiki.org

edit SideBar

Colori complementari

HOME .php .html .pdf ? ? ? ? ?
P. Forster

clic ingrandisce l'immagine
a cura di Daniela Rüegg

Due luci colorate si dicono complementari quando, sommate (sintesi additiva), danno come risultato una luce acromatica (cioè grigia o bianca).
Il concetto di colori complementari è strettamente derivante dal concetto di tinte opposte. E quest'ultimo poggia su precise basi fisiologiche e ottiche. it.Wikipedia

1.  Accordi cromatici complementari (duplici)


Complementi luminosi

Il mischio (additivo) di due luci pure complementari fornisce il bianco, mentre il mischio pigmentoso (sottrattivo) di due tinte pure, fornisce un grigio medio.

Questo significa che il complemento luminoso di un colore è diverso dal complemento pigmentoso (fisiologico) dello stesso colore: p.es. il complemento luminoso del giallo è il blu, mentre il complemento fisiologico è il viola.


Complementi fisiologici

Mischi luminosi e pigmentosi

Molte persone incontrano difficoltà ad immaginarsi che il mischio di luci gialle e blu (p.es. sul televisore) fornisce un grigio medio, mentre il mischio di tinte gialle e blu fornisce un verde. Sarà pur difficile immaginarlo, ma questo è quanto.

Accordi cromatici sono percepiti come armoniosi e distensivi, se i colori dell'accordo si completano a vicenda a una tinta acromatica (bianco, grigio,nero). Altre combinazioni sono percepite come "dissonanti" e tese. Le opere d'arte vivono di un gioco tra tensione e distensione, armonie e dissonanze (Ingeborg Lüscher dice, che per non risultare noiosa, qualcosa nell'opera deve disturbare).


Claude Monet: Ponte

V. Van Gogh: Campi di grano con corvi

Il complemento è l'accordo duplice e tra gli altri accordi (triplici, quadrupli) il più potente, persino nelle sfumature più sottili e viene spesso usato nelle arti figurative.

◦⦆─────⦅◦

1.1  Ruote cromatiche


Ruote e complementi

Ordinando i colori puri in una "ruota" nella quale i complementi sono opposti (a 180°) risultano due ruote diverse per i colori luminosi e i colori pigmentosi (fisiologici):

  • la ruota luminosa è usata prevalentemente da artigiani che lavorano con le luci: schermi televisivi, illuminazione architettonica, ... , mentre
  • la ruota fisiologica (pigmentosa, "tintosa") è più usata da artigiani che lavorano con le tinte: tipografi, pittori, sarti, ...


◦⦆─────⦅◦

1.2  Tavolozze di complementi

Le seguenti tavolozze rappresentano a titolo esemplare dei colori puri secondo la ruota luminosa RGB (web) e una ruota fisiologica secondo J. Itten ciascuna con i relativi complementi luminosi e fisiologici.


Colori & complementi

Naturalmente non solo i colori puri dispongono dei loro complementi. Si noti che la luminosità del complemento è inversa alla luminosità del colore, mentre la saturazione (grigiastro) è identica.


Testi complementari

Non è una buona idea combinare uno sfondo di un determinato colore con un testo nella tinta complementare: l'effetto è irritante e mal leggibile. Meglio è scegliere un forte contrasto chiaro-scuro tonale.

Visto che le tavolozze, a livello professionale, sono degli strumenti poveri, seguono delle calcolatrici atte a determinare anche delle sfumature.

◦⦆─────⦅◦

1.3  Calcolatrici per complementi

cliccare per aprire dei PopUps
per le diverse calcolatrici.

Essendo abbastanza problematico trovare delle calcolatrici per i complementi luminosi e quasi impossibile per i complementi fisiologici, mi sono dilettato a farli (senza garanzia per la precisione delle funzioni di approssimazione, visto che non ho mai fatto studi universitari).

2.  Complementi luminosi

I complementi luminosi di colori sono facilmente calcolabili, visto che la somma luminosa di colore e complemento deve fornire il "bianco": il complemento luminoso è quindi numericamente bianco meno il colore.

In notazione esadecimale vuol dire #ffffff - #colore. Non essendo pratico di calcoli esadecimali, per determinarlo ho preparato la seguente tabellina: si sottrae cifra per cifra leggendo nella tabellina il valore per il complemento.

Calcolatrice complementi luminosi

Per trovare il complemento p.es. di #012345 con la tabellina: #fedcba (0=f; 1=e; ...).

Lo stesso si può fare digitando il colore nella casella gialla della calcolatrice di fianco e poi cliccando su Clr↓Cmpl si ottiene il codice esadecimale nella casella viola.

Più pratico è usare il PopUp: apre una finestrina autonoma della calcolatrice che rimane sullo schermo anche utilizzando altre finestre.


I mischi (luminosi) tra colori complementari forniscono al "centro" sempre un grigio #808080 come si può facilmente controlllare con il ColorBlender il quale permette anche di determinare dei percorsi tra i due colori.


3.  Complementi pigmentosi (fisiologici)

Il calcolo del complemento fisiologico (pigmentoso) si basa su una ruota di colori empirici (ho scelto quella di J. Itten) invece che quelli della ruota RGB. Questo cambia notevolmente l'aspetto ma anche la modilità di calcolo (richiede l'uso del modello HSB).


Modello HSB

Calcolatrice complementi fisiologici

Esempio: hex #ffff00
Cmpl luminoso: #0000ff
HSB(61,100,100)
Cmpl pigmentoso: HSB(303,100,44)
#750073


Più pratico è usare il PopUp: apre una finestrina autonoma della calcolatrice che rimane sullo schermo anche utilizzando altre finestre.

I mischi di colori pigmentosi sono più problematici da calcolare. Ho in allestimento una calcolatrice che semplifica questo compito.

4.  Complementi cromatici

Per chi intende a paragonare dei complementi luminosi e fisiologici ho fatto un programmino che dimostra i tre colori con un clic:

Calcolatrice complementi lumin. & fisiol.

Modo d'uso:
1) digitare un colore in notazione esadecimale nella casella centrale a sinistra
2) cliccare sul tasto Clr ↑↓ Cmp: appaiono i codici per i complementi
3) muovendo il cursore sopra le tre caselle appaiono i colori.

Più pratico è di usare il PopUp: apre una finestrina autonoma della calcolatrice che rimane sullo schermo anche utilizzando altre finestre.


5.  Calcolatrice cromatica per complementi

La seguente calcolatrice cromatica, grazie al lavoro del Sig. Greg Reimer dà la possibilità di

  • trasformare da, verso diversi sistemi di notazione (Hex, RGB, HSV, HSB)
  • esperimentare colori casuali
  • modificare a passi un colore prescelto secondo i criteri di rosso, verde, blu, tonalità, saturazione e luminosità
  • tutto a vicenda e con pochi tasti da azionare

Inoltre ho aggiunto un programmino che permette di determinare e vedere dei colori abbinati ai loro complementi luminosi e fisiologici.

Calcolatrice cromatica hex, rgb, hsv, hsb e complementi

Modi d'uso:
1) digitare un codice esadecimale per un colore nella casella bianca in alto
2) cliccare sul tasto Cmp↓ ...: vengono calcolati diversi valori per la notazione di colori e il complemento luminoso e questi appaiono nelle relative caselle
3) muovere il cursore in basso verso sinistra: passando sopra la casella per il colore complementare luminoso appare il relativo colore
4) cliccando sul tasto Cmpf viene calcolato anche il valore esadecimale del complemento fisiologico: uscendo della casella appare anche questo colore.

Ci sono diverse altre possibilità per sfruttare la calcolatrice:
a) ci si può divertire scegliendo dei colori casuali cliccando sulla relativa casella
b) si può variare un colore prescelto aumentando o diminuendo dei valori per rosso R, verde G, blu B, tonalità H, saturazione S e luminosità V.
c) conoscendo dei valori per RGB, HSV o HSB, li si può usare, digitandoli nelle apposite caselle. Alla fine sono da trasferire con i tasti abbinati e poi procedere con il tasto Cmp↓... e poi con Cmpf.

Più pratico è usare il PopUp: apre una finestrina autonoma della calcolatrice che rimane sullo schermo anche utilizzando altre finestre.


6.  Allegati

6.1  Sitografia

  • Cultor College: La Teoria del Colore nell'Arte e nel Design, a cura di Doug Kipperman e Melissa McKinstry
  • Greg Reimer: The RGB Color Calculator - HTML Color HEX Code Generator Calcolatrice per colori luminosi hex, rgb, hsv255, variatore per ±R, ±G, ±B, ±H, ±S, ±V, colori casuali, ...
  • Eric A. Meyer: Color Blender Calcolatrice per mischi di colori luminosi hex, rgb

6.2  Commenti

alla pagina Colori / Colori complementari: ev. cliccare sul titolo per stilare un commento

Commento 
Autore 
Enter code 447

Edit - History - Print - Recent Changes - Search
Page last modified on November 11, 2012, at 02:18 PM