Homepage » Kit di strumenti » CoolHue Hand-Picked Pastel Web Gradient Library

    CoolHue Hand-Picked Pastel Web Gradient Library

    I gradienti del Web sono una dozzina di questi giorni in quanto CSS3 semplifica la creazione di sfumature da zero e, con la libreria di codici corretta, è ancora più semplice.

    È qui che entra in gioco il valore di coolHue. Questa libreria online gratuita è forse il posto migliore trova fantastici gradienti per il tuo sito.

    La maggior parte dei gradienti segue una selezione pastello a due colori o tricolore molto brillante. Ma i gradienti sono facili da modificare in modo da poterli utilizzare con qualsiasi sito.

    Dalla pagina principale, potrebbe non sembrare molto. È per lo più una raccolta di sfumature raccolte a mano che presentano tonalità e colori diversi. Tuttavia, se visiti il ​​repository GitHub troverai tutta un'altra storia. Questa collezione è la scelta migliore per la ricerca tavolozze dei colori personalizzate, tutto specificamente progettato per i siti Web.

    È abbastanza facile trasferire questi gradienti in un'interfaccia utente per app per dispositivi mobili. Ma ho scoperto che sono più utili con le nuove tendenze del design come le ombre esterne.

    Puoi modificare il tuo sito passare le tonalità di colore in una matrice personalizzata colorData variabile. Questo dovrebbe apparire all'interno del tuo codice HTML principale insieme a tutti gli elementi del tuo gradiente.

    Usando JavaScript hai il controllo completo su come i colori si fondono insieme. CSS3 può anche supportare più colori, ma è più difficile farli lavorare su tutti gli elementi della pagina e su tutti i browser.

    Con il sito coolHue, puoi persino scarica gratuitamente i file PNG dei gradienti. In questo modo puoi modificarli in progetti di grafica, prototipi di siti web o usarli al di fuori del codice HTML / CSS / JS non elaborato.

    E se sei un grande utente di Photoshop, c'è anche un file .grd con tutte le sfumature di coolHue. Fantastico giusto?

    Visita il repository GitHub per le istruzioni di installazione e frammenti di codice di esempio. Lì troverai anche il file gradiente PS insieme al file di gradazioni dello schizzo e molto altro ancora.