Miscelatore di colori

Mescola da 2 a 5 colori con proporzioni regolabili e ottieni subito valori HEX e RGB, anteprima del gradiente, colori intermedi e armonie colore.

Ultimo aggiornamento: 2026/04/22
Colori da mescolare
Risultato della miscela
#000000
rgb(0, 0, 0)
Passi
Base
Nessuna cronologia salvata

Che cos’è il miscelatore di colori?

Il miscelatore di colori è uno strumento per mescolare colori online e ottenere subito il risultato finale in HEX e RGB. Puoi combinare da due a cinque colori, decidere il peso di ciascuno e controllare il tono finale prima di usarlo in interfacce, palette digitali, presentazioni, CSS gradient o materiali di brand.

Il calcolo si basa sulla miscela additiva RGB, quindi è pensato per schermi, web design, UI e contenuti digitali. Oltre al colore finale puoi vedere il gradiente, generare colori intermedi e ricevere suggerimenti di armonia per sviluppare più rapidamente una palette coerente.

Quando può servirti

  • UI e product design – Per provare varianti di pulsanti, sfondi, badge e stati prima di fissare la palette definitiva.
  • Branding digitale – Per ricavare colori di supporto o di contrasto a partire da un colore principale di marca.
  • Gradienti CSS – Per capire in anticipo se la transizione tra più colori funziona davvero sullo schermo.
  • Design system – Per costruire scale intermedie tra colori base e documentare meglio token e varianti.
  • Contenuti visivi – Per affinare palette destinate a banner, slide, creatività social o dashboard.
  • Teoria del colore – Per vedere in pratica come cambiano armonie complementari, analoghe e triadiche attorno a un colore misto.

Funzioni principali

  • Miscela da 2 a 5 colori – Adatta sia a combinazioni semplici sia a risultati più ricchi e articolati.
  • Controllo della proporzione – Ogni colore ha un proprio peso regolabile nel risultato finale.
  • Output HEX e RGB immediato – Copi il codice finale senza passare da altri strumenti.
  • Anteprima gradiente – Ti mostra se il passaggio visivo tra i colori è adatto al progetto.
  • Colori intermedi – Genera passaggi utili per stati UI, palette e scale cromatiche.
  • Armonie automatiche – Suggerisce colori complementari, analoghi, triadici e complementari divisi.
  • Cronologia locale – Salva le miscele nel browser per confrontarle e recuperarle in seguito.

Come usare il miscelatore

  1. Definisci quante tinte vuoi miscelare – Usa il pulsante «Aggiungi colore» per aumentare la miscela da 2 fino a 5 colori, poi riducila di nuovo con il pulsante di rimozione per confrontare più combinazioni.
  2. Regola i pesi – Sposta gli slider per definire quanto ogni colore influenzi il risultato.
  3. Controlla il colore finale – Leggi subito il valore HEX e RGB aggiornato in tempo reale.
  4. Guarda gradiente e passaggi – Verifica se la transizione è adatta alla tua interfaccia o composizione.
  5. Consulta le armonie – Trova colori secondari, di contrasto o di supporto attorno al risultato ottenuto.

Come funziona la miscela RGB

Miscela additiva per il digitale

Lo strumento usa il modello RGB, cioè il modello basato sulla luce impiegato da monitor, smartphone e interfacce digitali. Rosso, verde e blu vengono sommati per creare nuovi colori.

  • Rosso + verde = giallo
  • Verde + blu = ciano
  • Blu + rosso = magenta
  • Rosso + verde + blu = bianco

Per questo il risultato RGB non coincide con la miscela di vernici o pigmenti. Se però lavori su web, app o contenuti digitali, è il riferimento più utile.

Media ponderata dei canali

Ogni slider applica un peso ai canali rosso, verde e blu. Se misceli rosso (#FF0000) e blu (#0000FF) al 50%:

  • R = (255 × 0,5) + (0 × 0,5) = 127
  • G = (0 × 0,5) + (0 × 0,5) = 0
  • B = (0 × 0,5) + (255 × 0,5) = 127
  • Risultato: RGB(127, 0, 127) = #7F007F

Armonie attorno al colore finale

Dopo la miscela, il tool estende il colore finale con relazioni utili del cerchio cromatico così da facilitare la costruzione della palette.

Complementare

È la scelta più adatta quando vuoi ottenere molto contrasto per CTA, avvisi o elementi in evidenza.

Analoga

Produce combinazioni più morbide e continue, utili per layout ordinati, sfondi e interfacce più sobrie.

Triadica

Aggiunge varietà senza perdere completamente l’equilibrio, quindi è valida per palette più vive.

Complementare divisa

Mantiene un buon contrasto ma con una sensazione più flessibile rispetto alla complementare pura.

Domande frequenti

Perché il risultato RGB non coincide con la miscela di vernici?

Perché qui si lavora con la luce emessa dagli schermi, mentre vernici e pigmenti seguono un comportamento diverso. Per questo le due miscele non producono lo stesso esito visivo.

Posso mescolare più di due colori?

Sì. Puoi aggiungere fino a cinque colori e impostare una proporzione diversa per ciascuno.

A cosa servono i colori intermedi?

Sono utili per costruire scale cromatiche, verificare gradienti o preparare stati UI coerenti tra loro.

Dove viene salvata la cronologia?

Nel localStorage del browser. Rimane disponibile sullo stesso dispositivo e nello stesso browser finché non cancelli i dati locali.

È utile per creare gradienti CSS?

Sì. L’anteprima gradiente e i colori intermedi aiutano a capire se la transizione funzionerà bene prima di passare all’implementazione.

Funziona anche da mobile?

Sì. Picker, slider e copia dei codici restano utilizzabili anche dal browser di smartphone e tablet.

Opinione anonima 1

I commenti che disturbano altri utenti o ripetono lo stesso messaggio possono essere nascosti o rimossi secondo le nostre regole di moderazione.

Caratteri rimanenti: 120

Non ci sono ancora commenti. Lascia la prima opinione.