Colors.css Tilbyr nye standarder for farger på nettet
Å finne en flott fargevalg for nettstedet ditt er ingen enkel oppgave. Men det ble bare lettere med Farger bibliotek av Adam Morse.
Dette gratis CSS-biblioteket Fungerer av de opprinnelige webfarger som ble ansett “Internett-trygt” 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 bruk mer passende standardinnstillinger for oppsettet ditt. Disse fargene passer sammen mye lettere og skape mindre spenning ved å fortynne kontrast.
For eksempel, i stedet for # 000
for svart, bruker dette biblioteket # 111
til hold 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 leveres med gratis fargeprøver Du kan importere til designprogrammer for enkel tilgang til fargene. Følgende swatch-filer er inkludert:
.et kompani
(Photoshop).ase
(Tegner / 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 sin egen tilgjengelighetsordninger hvor du finner 90 kombinasjoner av farger som oppfyller WCAG-spesifikasjonene for kvalitetstilgjengelighet. 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.
Hvis du vil vite mer om Colour Library, kan du gå til hovedside og sjekk ut levende eksempler. Du kan trekke .css
fil, sammen med alle swatch-filene direkte fra GitHub repo, også.