Miscelatore di colori

Mescola due colori con un cursore di proporzione e leggi l'intera scala di 11 passaggi tra loro, nel tuo browser.

Come si usa

  1. Scegli i due colori con i selettori, oppure digita codici esadecimali come #ffcc00 e #0044cc.
  2. Scegli la modalità di miscelazione — RGB per la luce, come fanno gli schermi, oppure Pittura per l'approssimazione sottrattiva — e trascina il cursore per impostare la proporzione.
  3. Inspect the blended colour: its hex and RGB values appear below, and the 11-step gradient shows every shade between the two inputs.

Informazioni su questo strumento

Due colori si possono mescolare in due modi completamente diversi, e questo strumento li mostra entrambi. Gli schermi mescolano luce: sommano rosso, verde e blu, ed è per questo che la luce rossa più quella verde dà il giallo e che ogni colore di questa pagina è in fondo una terna RGB. La pittura mescola nel modo opposto: ogni pigmento sottrae lunghezze d'onda dalla luce bianca che lo colpisce, ed è per questo che la risposta che si impara a scuola a "giallo più blu" è verde, e che gli stessi due colori mescolati come luce danno invece un grigio neutro. Scegliere il modello mentale sbagliato è il motivo abituale per cui un colore mescolato risulta inaspettatamente spento o inaspettatamente slavato.

La modalità RGB fa esattamente ciò che dice: interpola linearmente ciascuno dei tre canali tra i due colori, nello stesso spazio sRGB usato dal tuo CSS e dai tuoi strumenti di design, quindi il 50% tra #ff0000 e #0000ff è #800080. La modalità Pittura converte prima entrambi i colori nello spazio RYB della ruota dei colori degli artisti, interpola lì e riconverte il risultato in RGB: è quella conversione a far incontrare giallo e blu nel verde. Sii consapevole di che cosa è e di che cosa non è quella modalità: la miscelazione reale dei pigmenti è governata da assorbimento e diffusione (il modello di Kubelka-Munk) e dipende da opacità, dimensione delle particelle e legante, quindi nessuna formula lineare la riproduce. La modalità Pittura è un modello fedele della ruota dei colori, non una simulazione della pittura reale.

La scala di 11 passaggi sotto il risultato è spesso più utile del singolo colore miscelato: ti dà la rampa completa da un colore all'altro a incrementi del 10%, pronta da usare come stop di un gradiente, come stati intermedi tra due colori di brand o come passaggi di una palette sequenziale per grafici. Fai clic su un campione qualsiasi per copiarne l'esadecimale. Tutto — le conversioni, l'interpolazione e l'intera scala — viene calcolato al 100% nel tuo browser con semplice JavaScript; nessun colore che digiti viene mai inviato da nessuna parte.

Domande frequenti

Qual è la differenza tra le modalità RGB e Pittura?

L'RGB mescola la luce in modo additivo, come fa uno schermo, quindi interpola direttamente ogni canale; Pittura approssima la miscelazione sottrattiva attraverso la ruota RYB degli artisti. La prova classica è giallo più blu: l'RGB dà un grigio neutro, Pittura dà verde.

La modalità Pittura corrisponde a ciò che succede sulla mia tavolozza?

All'incirca, ma non esattamente. I pigmenti reali si mescolano per assorbimento e diffusione della luce, e il risultato dipende da opacità, carico di pigmento e legante: nessuna formula lineare riproduce tutto questo. Considera la modalità Pittura come la risposta della ruota dei colori, utile per le decisioni di design, non come un simulatore di pittura.

Che cosa controlla davvero il cursore della proporzione?

Imposta quanto di ciascun colore entra nella miscela: al 30% il risultato è 70% colore A e 30% colore B. Allo 0% e al 100% ottieni di nuovo i due colori originali, intatti.

A cosa serve la scala di 11 passaggi?

È la rampa completa tra i due colori a passi del 10% — comoda per gli stop di un gradiente, per gli stati hover e attivo, per le palette dei grafici o ovunque servano colori intermedi coerenti. Facendo clic su un passaggio ne copi il codice esadecimale.

I miei colori escono dal browser?

No. La miscelazione avviene interamente in JavaScript sul tuo dispositivo: i codici esadecimali che digiti non vengono mai caricati, registrati o salvati su alcun server.

Strumenti correlati

Link lunghi? Accorciali gratis

Vai.la trasforma qualsiasi URL in un link breve con statistiche dei clic, QR Code e il tuo biolink personale.

Vai.la non è responsabile dell'uso degli strumenti né delle decisioni prese in base ai loro risultati.