Mixer di colori
NovitàMescola due colori a qualsiasi proporzione e copia il risultato o qualsiasi passaggio.
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
Un miscelatore di colori online gratuito per vernici o luce
Questo miscelatore di colori combina due colori — o più — in uno nuovo e mostra il gradiente completo dei passaggi tra di essi. Scegli i colori con i campioni, digita un codice hex o estraili direttamente da un'immagine caricata; poi leggi il risultato miscelato come HEX, RGB, HSL e CMYK. Tutto funziona nel tuo browser, è istantaneo e nulla di ciò che carichi viene mai inviato da nessuna parte.
Mentre la maggior parte degli strumenti esegue solo una semplice miscelazione lineare, questo ti permette di mescolare due colori online in tre modi diversi e mostra la differenza mentre procedi — così ottieni il risultato che si aspetta un pittore, quello prodotto da uno schermo, o un punto medio matematico puro per gradienti e sistemi di design.
Sottrattivo, additivo o semplice blend — tre modelli di miscelazione
La miscelazione sottrattiva modella vernici e pigmenti: i colori assorbono (sottraggono) la luce, quindi blu + giallo = verde, rosso + giallo = arancione e rosso + blu = viola — i risultati intuitivi di 'quali due colori fanno X' che corrispondono a vernici fisiche, inchiostri e stampa CMYK. La miscelazione additiva modella la luce: rosso, verde e blu si sommano, quindi rosso + verde = giallo e tutti e tre insieme fanno bianco — come funzionano schermi, proiettori e luci da palcoscenico.
Il terzo modo, Blend, è un'interpolazione lineare diretta che calcola la media dei canali RGB per trovare il punto medio numerico esatto — ideale per gradienti, tinte UI e generazione di token di design. Un singolo pulsante alterna tra tutti e tre, e la striscia di miscelazione si ridisegna immediatamente così puoi vedere una miscelazione di vernice da blu a giallo passare attraverso un verde realistico nel punto medio sottrattivo.
Quali due colori fanno verde, arancione, viola e marrone?
La tabella di miscelazione dei colori integrata risponde alle domande sui pigmenti più cercate con un solo tocco: verde da blu + giallo, arancione da rosso + giallo, viola da rosso + blu, turchese da blu + verde, e un marrone realistico da due colori complementari come arancione + blu. Tocca qualsiasi coppia nella tabella per caricarla nel miscelatore in modalità sottrattiva.
Poiché il motore sottrattivo mescola come fanno realmente i pigmenti, i colori secondari vengono fuori autentici e i terziari si scuriscono naturalmente verso il marrone — lo stesso intorbidimento che ottieni quando mescoli troppo la vernice reale. Il cursore del rapporto ti permette di controllare le proporzioni con precisione: 70% rosso + 30% blu dà un viola più caldo e più magenta rispetto a una miscela 50/50.
Mescolare da un'immagine — e mescolare più di due colori
Carica qualsiasi foto e usa il contagocce per estrarre i colori direttamente da essa — perfetto per abbinare un colore del brand da una fotografia di prodotto, un campione di vernice o un'immagine ispiratrice. Scegli due o più pixel e mescolali. L'immagine viene decodificata localmente su un canvas HTML, quindi un miscelatore di colori da immagine qui significa che il tuo file non lascia mai il dispositivo — adatto per risorse brand riservate e mockup di design non pubblicati.
Hai bisogno di combinare più di due? Clicca su 'Aggiungi colore' per aggiungere un terzo, quarto, quinto o sesto campione, ciascuno con il proprio cursore di peso. Lo strumento restituisce la miscela ponderata di tutti gli input — utile per fare la media di una palette, ricreare una miscela di vernice multi-pigmento o trovare il centro visivo di un insieme di colori del brand.
Confronto con Adobe Color, Coolors e colordesigner.io
Adobe Color (color.adobe.com) è costruito per l'esplorazione dell'armonia dei colori — complementare, triadico, analogo — e richiede un account Adobe che sincronizza i dati con i server di Adobe. Non ha modello di miscelazione sottrattiva (vernice) o additiva (luce) né cursore del rapporto per miscelar codici hex specifici. Coolors (coolors.co) è eccellente per la generazione di palette ma il suo miscelatore di colori esegue solo una miscelazione lineare di base — equivalente alla modalità 'Blend' di questo strumento.
colordesigner.io offre una miscelazione lineare di due colori e una striscia di gradiente, ma produce solo valori hex — nessun RGB, HSL o CMYK — e mancano i modelli di miscelazione basati sulla fisica. Questo strumento colma il divario: tre modelli di miscelazione, quattro formati di output simultanei, campionamento di colori da immagini, fino a sei colori con cursori di peso individuali e un URL condivisibile. Nessun account richiesto, nessun limite di utilizzo, nessun upload al server.
Ogni codice pronto da copiare — e un link condivisibile
La scheda risultato mostra i valori HEX, RGB, HSL e CMYK del colore miscelato più il colore CSS nominato più vicino, e un solo clic ne copia uno negli appunti. Genera 2–20 campioni di punti medi equamente spaziati tra i tuoi due colori, copia un singolo passaggio, o prendi l'intera sequenza in una volta per un gradiente CSS o una rampa di colori del sistema di design.
Non c'è niente da installare e nessun account da creare. La miscelazione dei colori, il campionamento delle immagini e la conversione del codice avvengono tutti localmente nel tuo browser — i tuoi colori e immagini rimangono sul tuo dispositivo. Aggiungi ai preferiti il miscelatore di colori online e abbinalo al Generatore di Palette di Colori e al Verificatore di Contrasto su UtiloKit per un flusso di lavoro colori completo senza upload.
Frequently asked questions
Come si mescolano due colori online?
Scegli i tuoi due colori con i campioni o digitando codici hex, seleziona un modello di miscelazione (vernice/sottrattivo, luce/additivo o semplice blend lineare) e trascina il cursore del rapporto — ad esempio 30%/70% — per controllare quanto contribuisce ciascun colore al risultato. Il colore miscelato e i suoi codici HEX, RGB, HSL e CMYK si aggiornano istantaneamente; clicca su qualsiasi riga di formato per copiarla negli appunti.
Quali due colori fanno il verde?
Blu e giallo fanno verde quando si mescola vernice o pigmento (miscelazione sottrattiva). Imposta il modello su Sottrattivo e mescola un blu come #2563EB con un giallo come #FACC15 per ottenere un verde intorno a #61A73A. Su uno schermo, dove si mescola la luce (additivo), le regole sono diverse — luce rossa + verde = giallo, e tutti e tre alla massima intensità = bianco.
Qual è la differenza tra miscelazione additiva e sottrattiva dei colori?
La miscelazione additiva combina la luce: i canali rosso, verde e blu si sommano, quindi rosso + verde = giallo e tutti e tre alla massima potenza = bianco. Schermi, proiettori e televisori funzionano così. La miscelazione sottrattiva combina pigmenti o coloranti che assorbono (sottraggono) lunghezze d'onda di luce; più pigmento aggiungi, più scuro diventa. Blu + giallo = verde, e tutti e tre i primari insieme producono marrone. La stampa CMYK è sottrattiva.
Come si mescolano due colori hex?
Digita o incolla ogni codice hex nel suo campo — con o senza il # iniziale — ad esempio #FF5733 e #33C1FF. Il miscelatore li combina immediatamente al rapporto attuale e restituisce il codice hex risultante insieme ai suoi equivalenti RGB, HSL e CMYK. Viene accettato anche il codice hex abbreviato a tre cifre come #F53. Clicca su qualsiasi riga di risultato per copiare.
Posso mescolare colori da un'immagine?
Sì. Apri il pannello 'Mescola da immagine', carica qualsiasi foto o screenshot di design, poi clicca sul canvas per campionare i colori direttamente dall'immagine nei tuoi slot colore. L'immagine viene decodificata localmente su un canvas HTML nel tuo browser usando JavaScript — nessun dato viene inviato a nessun server e le tue immagini rimangono completamente private sul tuo dispositivo.
Quanti passaggi di gradiente posso generare tra due colori?
Il controllo dei passaggi ti permette di generare tra 2 e 20 campioni equamente spaziati tra i tuoi due colori di input. Undici passaggi ti danno i due punti finali più nove punti medi — ideale per costruire un gradiente CSS o una rampa di colori completa per un sistema di design. Clicca su qualsiasi campione individuale per copiare il suo codice hex, o usa 'Copia tutto' per prendere l'intera sequenza.
È gratuito? Devo registrarmi?
No. Il miscelatore di colori è completamente gratuito senza account, senza registrazione, senza paywall e senza limiti di utilizzo. Apri la pagina e inizia subito a mescolare. A differenza di alcune piattaforme di design che bloccano la miscelazione avanzata dei colori dietro un abbonamento, ogni funzionalità qui — modelli sottrattivi e additivi, campionamento di immagini, miscelazione di più colori, passaggi di gradiente e tutti i formati di output — è disponibile gratuitamente dalla prima visita.
Related tools
Vedi tutti gli strumenti
Novità Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
Selettore e convertitore di colore
Scegli un colore e convertilo tra HEX, RGB, HSL e OKLCH.
Novità Verifica del contrasto dei colori
Controlla i rapporti di contrasto WCAG AA/AAA tra colore del testo e dello sfondo.
Novità Generatore di gradienti CSS
Crea gradienti CSS lineari, radiali e conici con anteprima in tempo reale.
Novità Generatore di box-shadow CSS
Crea box-shadow CSS multilivello con preset e anteprima in tempo reale. Copia all’istante il CSS, il valore o lo stile React.
Novità Generatore di palette di colori
Genera palette complementari, analoghe, triadiche e monocromatiche.