Generatore di gradienti CSS
Crea un gradiente CSS lineare o radiale da due colori e un angolo, con output CSS e Tailwind.
Strumenti correlati
Tutti gli strumenti: Colori e CSS →Apri Generatore di gradienti CSS e ottieni subito una risposta, senza creare un account. Il suo posto è sotto Colori e CSS; Verificatore di contrasto dei colori e Invertitore di colore rispondono alle domande più vicine.
Come si usa
- Apri lo strumento — senza registrazione né installazione.
- Inserisci i tuoi dati o regola le opzioni disponibili.
- Ottieni il risultato all'istante, poi copialo o scaricalo.
Domande frequenti
Che cos'è Generatore di gradienti CSS?
Crea un gradiente CSS lineare o radiale da due colori e un angolo, con output CSS e Tailwind.
In quali casi si usa davvero?
Portare un colore da uno strumento di design a un foglio di stile, costruire una palette attorno a un colore di marca e verificare che il testo vi resti leggibile.
Qual è l'errore più comune?
Giudicare il contrasto a occhio. Due colori che sembrano distinti su un monitor luminoso possono fallire nettamente il rapporto di accessibilità, ed è quel rapporto che un audit misurerà.
Esiste uno strumento per il passo successivo?
Invertitore di colore è il più vicino dopo questo: Inverti un colore (255 − RGB) o prendi il complementare, in HEX/RGB/HSL/CMYK con il contrasto.
Cos'altro conviene tenere aperto accanto?
Generatore di schemi di colore e Compressore CSS: ricorrono nella stessa attività abbastanza spesso da meritare una seconda scheda.
Da dove vengono i dati?
Le conversioni tra HEX, RGB e HSL sono esatte. Il contrasto segue la formula di luminanza relativa WCAG 2; il CMYK dipende dal dispositivo, quindi un valore a schermo è un'approssimazione della stampa.