Mixer Colori

Come si mescolano i colori su uno schermo

Ogni colore su uno schermo è fatto di luce rossa, verde e blu. Aggiungere luce schiarisce il risultato, ed è per questo che questa mescolanza si chiama additiva. Luce rossa più luce verde dà giallo, verde più blu dà ciano, e tutte e tre al massimo danno bianco. Il miscelatore qui sopra funziona così: calcola la media dei canali rosso, verde e blu dei tuoi due colori, pesata sulla proporzione che imposti. Calcola una media, non una somma: una miscela al 50/50 di luce rossa e verde dà oliva #808000, la stessa tinta del giallo che otterresti sommandole, ma a metà luminosità.

Ecco perché una miscela al 50/50 può sembrare più chiara e più spenta di quanto ti aspetti. Due colori intensi opposti sul cerchio cromatico — un blu e un giallo, per esempio — si mediano verso un grigio smorto, perché i loro canali si annullano. Se vuoi che la miscela resti satura, allontana la proporzione dal centro oppure scegli due colori più vicini sul cerchio.

Perché la pittura si mescola in modo diverso

Colori a tempera, inchiostri e tinture fanno l'opposto: ogni pigmento assorbe una parte della luce che riceve e riflette il resto, quindi ogni colore aggiunto toglie luce. Questa è la mescolanza sottrattiva, e i suoi primari sono quelli imparati a scuola — rosso, giallo e blu — oppure il ciano, magenta e giallo della stampa. Rosso e verde a tempera danno un marrone fangoso, mentre luce rossa e luce verde danno giallo.

Nessuno strumento digitale può prevedere esattamente un pigmento reale, perché il risultato dipende dai colori stessi: la loro coprenza, quanto finemente sono macinati e quanto bianco o nero contiene già il tubetto. Usa la tabella qui sotto per i risultati classici e considera il miscelatore un modo per progettare una combinazione, non per riprodurre un campione fisico.

Quale colore nasce da…

Le combinazioni più cercate, con il risultato tradizionale a tempera accanto a quello che danno gli stessi due colori quando uno schermo ne fa la media. Le due colonne non coincidono di proposito: è questa la differenza fra mescolare pigmento e mescolare luce.

I risultati a tempera sono quelli convenzionali; i pigmenti reali cambiano con la marca e la coprenza. I valori dello schermo sono la media esatta al 50/50 calcolata da questa pagina.

Come usare il miscelatore di colori

1. Scegli i due colori. Clicca su uno dei due riquadri per aprire il selettore, oppure scrivi un codice hex direttamente nel campo sotto. Il valore RGB si aggiorna da solo.
2. Imposta la proporzione. Trascina il cursore per dare più peso a un colore. A 50 i due contano allo stesso modo; spostalo verso un estremo per conservare più di quel colore nel risultato.
3. Copia il risultato. Il colore miscelato mostra nome, hex e valore RGB. Usa i pulsanti di copia per portare uno dei due formati direttamente nel tuo strumento di design o nel CSS.
4. Salvalo come palette. Genera una palette a partire dalla miscela per ottenere un set completo di colori costruito attorno a essa, con verifica del contrasto e una pagina da condividere.

Consigli di miscelazione che restano utili

• Per schiarire un colore mescolalo con il bianco, per scurirlo con il nero. Mescolarlo con un grigio della stessa luminosità lo smorza senza schiarirlo né scurirlo.
• Mescolare un colore con un poco del suo opposto sul cerchio cromatico è il modo più rapido per calmarlo. Usalo al posto del nero, che tende a sporcare.
• I colori di un'interfaccia hanno bisogno di contrasto, non solo di armonia: verifica ogni colore miscelato sul suo sfondo prima di usarlo per il testo.
• Due colori la cui miscela dà un punto medio gradevole di solito funzionano bene insieme in una palette: quel punto medio è un ottimo bordo, stato hover o sfondo attenuato.