Mixer di colori
Miscela due colori HEX in qualsiasi proporzione con miscelazione in luce lineare per un risultato naturale, con output HEX e RGB istantaneo nel browser.
🔒 Questo strumento funziona interamente nel tuo browser. I tuoi file non vengono mai caricati su un server.
Esempio mostrato — scegli i tuoi due colori e la proporzione.
Palette generata
Colori della palette
Colore A
Risultato miscelato
Colore B
HEX miscelato
RGB miscelato
Come funziona il mixer di colori
- Scegli o digita due colori HEX — Colore A e Colore B.
- Trascina il cursore della proporzione verso il colore che vuoi far dominare nella miscela.
- Il campione miscelato, il codice HEX, il valore RGB e la palette a step generata si aggiornano all'istante quando regoli un colore o la proporzione.
Il metodo
I canali rosso, verde e blu di ogni colore vengono convertiti da sRGB con codifica gamma a luce lineare, miscelati in base alla proporzione e poi riconvertiti in sRGB per la visualizzazione. Miscelare nello spazio lineare evita l'aspetto scurito e un po' grigio che si ottiene facendo la media dei byte sRGB direttamente.
mixed = linearToSrgb(srgbToLinear(A) × (1 − t) + srgbToLinear(B) × t)
Esempio: miscelare #2F6FED (blu) e #FFD166 (oro) al 50/50 dà un mezzotono caldo ed equilibrato, non il grigio-marrone piatto di una media ingenua dei byte. Scegli 3, 5, 7 o 9 colori di palette quando ti serve una gamma riutilizzabile tra i due estremi.
FAQ
Perché una miscela 50/50 non sembra una semplice media dei due valori RGB?
Questo strumento miscela i colori in luce lineare invece di fare la media dei byte sRGB grezzi. I valori sRGB sono codificati in gamma per i display, quindi una media diretta di due byte appare nettamente più scura e torbida di una vera miscela basata sulla luce — convertire in luce lineare, miscelare e riconvertire dà un risultato più naturale.
Simula la miscelazione fisica della vernice?
No. La miscelazione della vernice è sottrattiva e dipende dalla chimica dei pigmenti, che varia molto tra le vernici. Questo strumento miscela la luce (colore additivo), che corrisponde a ciò che ottieni miscelando colori su uno schermo o in un software di design, non vernice reale.
Posso digitare un codice HEX invece di usare il selettore di colore?
Sì. Digita o incolla un codice HEX a 6 cifre in uno dei campi di testo e il campione e il selettore si aggiornano.
La proporzione di miscela viene salvata se lascio la pagina?
No. Tutto si azzera al ricaricamento — il calcolo avviene interamente nel tuo browser e nulla viene inviato o memorizzato.
Posso esportare la palette miscelata come variabili CSS?
Sì. Una volta generata una palette, puoi copiarla o scaricarla come proprietà personalizzate CSS, pronte da incollare in un foglio di stile.
Quanti colori posso generare nella palette?
Scegli 3, 5, 7 o 9 passaggi equidistanti tra i tuoi due colori estremi, tutti miscelati in luce lineare come la miscela principale.
Come ci confrontiamo
| Funzionalità | Online Tool Store | colorxs.com | Adobe Color |
|---|---|---|---|
| Proporzione di miscela regolabile, non solo 50/50 | ✓ | Punto medio fisso | ✓ |
| Nessuna registrazione o account | ✓ | ✓ | Account Adobe |
| Funziona interamente sul tuo dispositivo | ✓ | Non indicato | Non indicato |
Se vuoi un controllo fine della proporzione di miscela tra due colori con un'anteprima istantanea e privata, il Color Mixer di Online Tool Store tiene tutto sul tuo dispositivo.