Fondi Colori
FreeFondi insieme due colori con un bilanciamento regolabile, usando fusione RGB semplice, gamma-corretta, o HSL.
Gradiente di miscelazione (0% a 100%)
Attività recente
Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.
#FF0000 + #0000FF → #800080
3 giorni fa
#FF0000 + #0000FF → #800080
5 giorni fa
#FF0000 + #0000FF → #800080
5 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
6 giorni fa
#FF0000 + #0000FF → #800080
1 settimana fa
Cosa fa questo strumento
Miscela due colori insieme e mostra il colore risultante, con un bilanciamento regolabile tra loro e una scelta tra tre metodi di miscelazione: media RGB semplice, miscelazione gamma-corretta (luce lineare), o miscelazione HSL attraverso tonalità e saturazione.
Come funziona
Ogni colore viene prima convertito da esadecimale in valori rosso, verde, e blu (0-255). La modalità RGB semplice interpola linearmente ogni canale direttamente: risultato = colore1 + (colore2 - colore1) × bilanciamento. La modalità gamma-corretta converte prima ogni canale dai valori sRGB mostrati dal tuo schermo in luce lineare usando la funzione di trasferimento sRGB standard, interpola in quello spazio lineare, poi riconverte, il che corrisponde a come la luce si combina fisicamente ed evita un punto medio artificialmente scuro. La modalità HSL converte entrambi i colori in tonalità/saturazione/luminosità, interpola la tonalità attorno alla ruota dei colori tramite il percorso angolare più breve (così si avvolge correttamente, ad es. mescolare una tonalità vicino a 350° con una vicino a 10° passa attraverso 0° invece del percorso lungo attraverso 180°), interpola saturazione e luminosità normalmente, e riconverte il risultato in RGB.
Problemi che risolve
- Trovare un colore intermedio per un gradiente, una palette a tema, o un design system senza indovinare manualmente i valori esadecimali.
- Confrontare come appaiono gli stessi due colori quando mescolati con metodi diversi, poiché il modo "corretto" di miscelare i colori dipende da cosa stai creando.
- Visualizzare in anteprima un gradiente completo tra due colori di brand o UI a colpo d'occhio prima di scegliere uno stop.
Domande frequenti
›Quale modalità di fusione dovrei usare?
RGB semplice va bene per miscele rapide e prevedibili e corrisponde a ciò che fanno la maggior parte degli strumenti di base. Gamma-corretto è la scelta migliore quando vuoi una miscela che appaia fisicamente naturale, specialmente tra colori scuri e chiari, poiché evita l'aspetto fangoso e troppo scuro che produce la media RGB semplice. HSL vale la pena provarlo quando vuoi un risultato più vicino alla miscelazione di pigmenti o vernice, dove rosso e verde tendono verso il giallo invece di un marrone opaco.
›Perché mescolare nero e bianco dà un grigio più scuro in "RGB semplice" che in "Gamma-corretto"?
RGB semplice media direttamente i numeri grezzi 0-255, così il 50% tra nero e bianco dà esattamente 127,5, un grigio medio. Gamma-corretto converte prima entrambi i colori in luce lineare (annullando la curva gamma sRGB che il tuo schermo si aspetta), media lì, poi converte indietro, il che produce un risultato notevolmente più chiaro (circa 188) perché gradini uguali nei valori colore memorizzati non corrispondono a gradini uguali nella luminosità percepita.
›Cosa fa il cursore "Bilanciamento"?
Imposta la ponderazione tra i due colori: 0% è 100% il primo colore, 100% è 100% il secondo colore, e 50% è una miscela uniforme. Spostarlo ti permette di vedere in anteprima qualsiasi punto lungo la miscela, non solo il punto medio.
›Perché la fusione HSL a volte produce un colore sorprendente, come rosso e blu che si fondono attraverso il viola ma rosso e verde che si fondono attraverso il giallo?
La miscelazione HSL interpola l'angolo di tonalità su una ruota dei colori a 360 gradi usando il percorso più breve tra le due tonalità, invece di mediare direttamente i valori rosso, verde, e blu. Rosso (0°) e verde (120°) sono relativamente vicini su quella ruota, passando per il giallo (60°) lungo il percorso, motivo per cui la miscela tende al giallo invece di diventare un marrone piatto come farebbe una semplice media RGB.
›Questo strumento supporta trasparenza o valori alfa?
No, fonde insieme due colori completamente opachi. Se hai bisogno di sovrapporre un colore semi-trasparente su un altro (alpha compositing), quella è un'operazione diversa dalla fusione di due colori pieni e richiederebbe uno strumento dedicato.
Strumenti correlati
Immagine
Estrai Colori Immagine
Estrai una palette colore dominante da un'immagine usando quantizzazione median-cut, con copia come hex o variabili CSS.
FreeImmagine
Filtri Immagine
Applica filtri foto in stile Instagram come Vintage, Lomo, o Alba, con controlli intensità, vignettatura, e scala di grigi, direttamente nel tuo browser.
FreeImmagine
Istogramma Immagine
Visualizza l'istogramma Rosso, Verde, Blu, o Luminosità di una foto, con una modalità sovrapposta e statistiche Min/Max/Media/Mediana/DevStd, direttamente nel tuo browser.
FreeImmagine
Generatore Bitmap Casuale
Genera un pattern bitmap casuale di quadrati in scala di grigi o colorati, con un seed riproducibile e download ZIP batch, direttamente nel tuo browser.
FreeImmagine
Canali RGB Immagine
Dividi una foto nei suoi canali Rosso, Verde, e Blu, in forma scala di grigi o colorata, uniscili di nuovo, e scarica come ZIP, direttamente nel tuo browser.
FreeImmagine
Convertitore Visualizzatore SVG
Converti SVG in PNG, JPEG, WEBP, BMP, ICO, o AVIF, o incapsula PNG/JPEG/WEBP/BMP/GIF/ICO in un SVG valido, rilevando automaticamente la direzione, direttamente nel tuo browser.
FreeImmagine
Creatore di Poster
Dividi qualsiasi immagine in pagine A4/Letter/A3 stampabili che puoi nastrare insieme in un unico grande poster, con sovrapposizione regolabile per un facile allineamento, interamente nel tuo browser.
FreeImmagine
Generatore di Favicon
Carica un'immagine e ottieni un pacchetto favicon completo: favicon.ico, ogni dimensione PNG attesa da browser e dispositivi, apple-touch-icon, icone Android, un site.webmanifest e l'HTML da incollare, tutto in uno ZIP.
Commenti (0)
Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.
Ancora nessun commento. Sii il primo a condividere il tuo pensiero!