Miscelatore Colori Gratis: Mescolare e Creare Gradienti Online

A Seleziona inizio e fine, definisci passi. Colori intermedi generati automaticamente.

A Palette gradiente, transizioni morbide, toni intermedi.

A Da 1 a molti. Più passi = più graduale.

A Non direttamente, ma è un ottimo punto di partenza. Genera i tuoi passaggi di gradiente tra due colori, poi copia qualsiasi codice HEX da un campione. Incollali in uno strumento di verifica del contrasto WCAG dedicato come WebAIM. Lo faccio continuamente quando progetto interfacce accessibili. Per esempio, se il tuo blu del marchio (#0055AA) e il bianco (#FFFFFF) producono un gradiente di 12 passaggi, testa il 6° passaggio contro il bianco per la conformità AA. Quella tonalità intermedia potrebbe funzionare perfettamente per il testo secondario.

A Niente di tutto ciò. Apri lo strumento e scegli i colori subito. Tutto funziona nel tuo browser, nessun dato viene salvato sui nostri server. L'ho provato poco fa: generato un gradiente a 12 passi dal blu scuro all'oro pallido, copiato i codici HEX direttamente nel mio CSS. Niente registrazioni, niente spam, niente seccature.

A Cambia entrambi. Più passaggi creano transizioni più morbide, ma ogni colore intermedio si sposta leggermente. Prova con 5 passaggi per tonalità decise e distinte, con 20 per una sfumatura quasi continua. Io uso 8-10 passaggi per le sezioni hero e copio un campione sì e uno no per gli elementi UI. Consiglio: pochi passaggi funzionano meglio per palette di design piatto.

A Magari! Per ora devi cliccare ogni campione per copiare il suo codice HEX uno alla volta. Per un gradiente a 20 passi, sono 20 clic. Un trucco: imposta pochi passi (tipo 5), copia quei codici, poi rigenera con più passi per un controllo più fine. Qualcuno fa uno screenshot e usa un contagocce, ma perde precisione.

A Questo strumento mescola i colori nello spazio RGB usando codici HEX. Va benissimo per schermi, siti web e app. Ma per progetti stampati—brochure, biglietti da visita, poster—le tinte mescolate non corrisponderanno esattamente all'output CMYK. L'ho imparato a mie spese quando un bel degradé lavanda è uscito opaco sul volantino di un cliente. Mescola i colori qui, poi converti ogni codice HEX in CMYK con un convertitore separato. Ancora meglio: lavora direttamente in software CMYK fin dall'inizio.

A La miscelazione avviene in RGB, non in HSL. Per questo alcuni gradienti passano per una zona grigiastra nel mezzo, specialmente tra colori complementari come blu e arancione. Per un passaggio centrale più vivido, scegli manualmente un colore intermedio e fai due miscelazioni successive. Lo faccio quando il colore centrale di un gradiente brand va su un pulsante CTA. Sono 30 secondi in più, ma la qualità del colore finale ne guadagna parecchio.

A Non c'è ancora un export integrato, ma c'è un trucco semplice. Genera il gradiente e copia ogni codice HEX manualmente in una stringa CSS linear-gradient(). Per 10 passaggi, servono circa 60 secondi di copia e incolla. Oppure fai uno screenshot e usa il contagocce in Figma per estrarre i colori. Io esporto il gradiente come PNG e ritaglio gli swatch per le guide di stile. Se ti serve SVG, converti ogni HEX in RGB e assegnalo a uno stop offset.