Miscelatore Colori Gratis: Mescolare e Creare Gradienti Online
146 utilizziConsigli Miscela
Mescolare due colori
Seleziona due colori e definisci i passi intermedi.
Passi regolabili
Più passi = transizione più morbida.
Copiare ogni colore
Ogni colore intermedio con codice HEX.
Domande Frequenti
Come mescolare?
Seleziona inizio e fine, definisci passi. Colori intermedi generati automaticamente.
A cosa serve?
Palette gradiente, transizioni morbide, toni intermedi.
Quanti passi?
Da 1 a molti. Più passi = più graduale.
Il Miscelatore di Colori mi aiuta a verificare se i miei colori di testo e sfondo soddisfano gli standard di accessibilità WCAG?
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.
Devo creare un account o accedere per usare il Miscelatore Colori?
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.
Modificare il numero di passaggi cambia i colori effettivi della sfumatura o solo quante sfumature vedo?
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.
Posso copiare tutti i codici HEX in una volta invece di cliccare su ogni campione singolarmente?
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.
Come Mescolare
- Seleziona colore inizio
- Seleziona colore fine
- Definisci passi
- Colori generati
- Copia ogni colore