Homepage » Kit di strumenti » Colors.css offre nuove impostazioni predefinite per i colori sul Web

    Colors.css offre nuove impostazioni predefinite per i colori sul Web

    Trovare una grande combinazione di colori per il tuo sito Web non è un compito facile. Ma è diventato molto più facile con il Libreria colori di Adam Morse.

    Questa libreria CSS gratuita funziona sui colori web originali che sono stati considerati “web sicuro” e pubblicato per la prima volta con HTML4 nel 1999. Come potete immaginare, il Web ha fatto molta strada da allora.

    Con Colors, puoi sovrascrivi le scelte colore predefinite e utilizzare le impostazioni predefinite più adatte per il layout. Questi colori si adattano molto più facilmente e crea meno tensione diluendo il contrasto.

    Ad esempio, invece di # 000 per il nero, questa libreria utilizza # 111 a mantenere lo stesso livello di oscurità rimuovendo parte del contrasto stridente. Funziona molto meglio per il testo e per gli sfondi.

    Puoi installare i colori via npm o attraverso GitHub scaricando direttamente il foglio di stile.

    Meglio di tutto, questo viene fornito con campioni gratuiti puoi importare nei tuoi programmi di progettazione per un facile accesso ai colori. Sono inclusi i seguenti file di campioni:

    • .aco (Photoshop)
    • .ase (Illustratore / XD)
    • .gpl (Gimp / Inkscape)

    Se progetti molti mockup con i colori predefiniti, ti consiglio di prendere una copia di questi campioni. Sarai sorpreso di quanto bene questi colori possano adattarsi a qualsiasi layout.

    Inoltre, Colors.css ha anche il suo schemi di accessibilità dove troverai 90 combinazioni di colori che soddisfano le specifiche WCAG per l'accessibilità di qualità. Questo è enorme per chiunque cerchi di supportare il più vasto pubblico possibile ed è bello vedere designer che si preoccupano così tanto dei moderni lavori UI / UX.

    Ma ancora più importante, è bello vedere così tanti progressi nella comunità open source.

    È divertente guardare indietro ai vecchi siti Web per vedere quanto sono migliorati. E lo stesso si può dire per le tendenze generali del design, in particolare per le scelte di colore e le librerie CSS.

    Per saperne di più sulla libreria Colors, visita il pagina principale e controlla il esempi dal vivo. Puoi tirare il .css file, insieme a tutti i file di campioni direttamente dal Repository GitHub, pure.