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ù semplice con la libreria Colors di Adam Morse.

Questa libreria CSS gratuita funziona con i colori web originali ritenuti "sicuri per il Web" e rilasciati per la prima volta con HTML4 nel 1999. Come potete immaginare, il Web ha fatto molta strada da allora.

Con Colori, è possibile sovrascrivere le scelte colore predefinite e utilizzare i valori predefiniti più adatti per il proprio layout. Questi colori si adattano molto più facilmente e creano meno tensione diluendo il contrasto .

Ad esempio, invece di #000 per il nero, questa libreria usa #111 per 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 tramite GitHub scaricando direttamente il foglio di stile.

La cosa migliore è che viene fornito con campioni gratuiti che puoi importare nei tuoi programmi di progettazione per un facile accesso ai colori. Sono inclusi i seguenti file di campioni:

• .aco (Photoshop)
• .ase (Illustrator / 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 i suoi schemi di accessibilità in cui troverai 90 combinazioni di colori che soddisfano le specifiche WCAG per l'accessibilità di qualità. Questo è enorme per chiunque cerchi di supportare il più ampio 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 ulteriori informazioni sulla libreria Colors, visita la pagina principale e controlla gli esempi dal vivo . Puoi anche estrarre il file .css, insieme a tutti i file di campioni direttamente dal repository GitHub .