Generatore gradienti CSS

Girare2 o 3 colori approvatiin una pratica anteprima del gradiente CSS prima di bloccare lo sfondo o il trattamento dell'interfaccia utente.

Questa pagina riguarda i gradienti digitali semplici e il trasferimento CSS. Non è uno strumento di progettazione completo o un esportatore di file.

Altre lingue 日本語 | English | 繁體中文 | Italiano

Come usare

  1. Scegli prima due colori, quindi aggiungi un terzo stop solo quando la sfumatura sembra ancora troppo brusca.
  2. Scegli la modalità lineare o radiale e una direzione preimpostata.
  3. Copia la stringa CSS o i singoli colori di arresto nello strumento o nelle specifiche di progettazione successivi.

Passa dalla scelta della tavolozza all'risultato applicato

Questa pagina si trova dopo la selezione del colore e prima del formato finale o dei controlli del contrasto. Aiuta quando i colori approvati ora necessitano di un trattamento di fondo utilizzabile.

Crea una sfumatura da 2 o 3 colori.

Anteprima della sfumatura

Come scegliere tra le pagine vicine

UtilizzareSelettore coloreoMiscelatore di coloriquando i colori stessi sono ancora indecisi. UtilizzareGeneratore di tavolozze di coloriquando un colore di base necessita ancora di opzioni vicine. Utilizza questa pagina una volta approvati i colori e l'attività successiva è un vero e proprio trattamento del gradiente. Spostati inConvertitore di coloriper il trasferimento della notazione e spostarsi aControllo del contrastoquando è importante la leggibilità del testo oltre al gradiente.

Domande frequenti

Cosa fa questa pagina?

Crea un semplice gradiente lineare o radiale CSS da due o tre colori, quindi mostra la stringa CSS e un'anteprima dal vivo.

Quando conviene usarlo al posto di Color Palette Generator?

Utilizza il generatore di tavolozze di colori quando desideri candidati campioni vicini da un colore di base. Utilizza questa pagina quando l'attività successiva prevede l'applicazione di uno sfondo sfumato o un riempimento dell'interfaccia utente.

Esporta file di progettazione?

No. Crea una stringa di gradiente CSS e solo un'anteprima. Se necessario, puoi copiare i singoli colori in altri strumenti.

Cosa è memorizzato nella condivisione URL?

La condivisione URL memorizza i colori selezionati, la modalità gradiente, la direzione e se la terza fermata è abilitata.