Generatore di palette sfumate RGB
Crea una scala di colori riproducibile, visualizza in anteprima ogni gradino generato e copia la sequenza HEX esatta per CSS, grafici o design token.
Inizia a usare
Generatore di palette sfumate RGB
Crea una scala di colori riproducibile, visualizza in anteprima ogni gradino generato e copia la sequenza HEX esatta per CSS, grafici o design token.
Cosa ti aiuta a fare questo strumento
Crea una scala di colori riproducibile, visualizza in anteprima ogni gradino generato e copia la sequenza HEX esatta per CSS, grafici o design token.
Esempio pratico
#2563EB → #EC4899, 5 colori
#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899
Come viene prodotto il risultato
Ogni colore intermedio viene creato tramite interpolazione lineare dei canali rosso, verde e blu. Gli estremi vengono mantenuti e i colori rimanenti vengono posizionati a intervalli uguali.
Flussi di lavoro utili
- Crea colori ordinati per grafici o scale per mappe di calore
- Costruisci colori per stati hover e stati tra due design token
- Produci una palette compatta per un gradiente di sfondo
Limiti importanti
- L'interpolazione RGB può apparire più scura o più fangosa tra alcuni colori complementari.
- Una palette dall'aspetto fluido non è automaticamente accessibile ai daltonici.
- Questo generatore produce colori RGB uniformemente distanziati; non dichiara uniformità percettiva.
Domande frequenti
Perché il punto medio può apparire grigio o fangoso?
I canali RGB opposti possono mediare verso un colore neutro. Aggiungi un colore intermedio adatto in un flusso di lavoro CSS multi-stop quando la vivacità visiva è importante.
Quanti colori dovrei generare?
Usa il numero più piccolo che corrisponde agli stati o alle bande di dati distinti di cui hai bisogno; gli sfondi continui possono usare più passaggi.
Il totale include entrambi gli estremi ed è 10 per impostazione predefinita. Le frazioni vengono troncate e il numero limitato a 2–100. I pannelli consentono HEX, RGB, HSV e HSL, ma l’interpolazione usa sempre i canali RGB codificati, arrotondati a interi. L’anteprima è fissa a 90°. Non ci sono punti aggiuntivi, alfa o scelta dello spazio colore. L’output è un HEX per riga, senza codice CSS né download di immagini.
L’elaborazione avviene localmente nel browser.