Generatore di gradienti CSS

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

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.