Colors.css Tilbyr nye standardverdier for farger på nettet

Å finne en flott fargevalg for nettstedet ditt er ingen enkel oppgave. Men det ble bare mye lettere med Colour Library av Adam Morse.

Dette gratis CSS-biblioteket fungerer av de opprinnelige webfarger som ble ansett som "websikker" og først utgitt med HTML4 tilbake i 1999. Som du kan forestille deg, har nettet kommet langt siden da.

Med farger kan du overskrive standard fargevalg og bruke mer passende standardinnstillinger for oppsettet. Disse fargene passer sammen mye lettere og gir mindre spenning ved å fortynne kontrast .

For eksempel, i stedet for #000 for svart, bruker dette biblioteket #111 til å holde det samme nivået av mørke mens du fjerner noe av den ødelagte kontrasten. Dette fungerer mye bedre for tekst og bakgrunn.

Du kan installere farger via npm eller gjennom GitHub ved å laste ned stilarket direkte.

Best av alt, det kommer med gratis fargeprøver du kan importere til designprogrammene for enkel tilgang til fargene. Følgende swatch-filer er inkludert:

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

Hvis du designer mange mockups med standardfarger anbefaler jeg absolutt å ta en kopi av disse fargene. Du vil bli overrasket over hvor godt disse fargene passer inn i hvilken som helst layout.

Plus, Colors.css har selv sine egne tilgjengelighetsordninger der du finner 90 kombinasjoner av farger som oppfyller WCAG-spesifikasjonene for kvalitets tilgjengelighet. Dette er stort for alle som prøver å støtte det bredeste publikum som er mulig, og det er flott å se designere som bryr seg så mye om moderne UI / UX-arbeid.

Men enda viktigere er det flott å se så mye fremgang i open source-samfunnet.

Det er morsomt å se tilbake på gamle nettsteder for å se hvor mye de har forbedret. Og det samme kan sies for generelle designtrender, spesielt fargevalg og CSS-biblioteker.

For å lære mer om Colour Library, besøk hovedsiden og sjekk ut levende eksempler . Du kan trekke .css filen sammen med alle swatch-filene direkte fra GitHub-repoen .