Hjemmeside » Værktøjskasse » Colors.css tilbyder nye standarder for farver på internettet

    Colors.css tilbyder nye standarder for farver på internettet

    At finde en god farveordning til din hjemmeside er ikke en nem opgave. Men det blev lige meget lettere med Farver bibliotek af adam morse.

    Dette gratis CSS bibliotek fungerer ud fra de originale webfarver der blev anset for “web sikkert” og først udgivet med HTML4 tilbage i 1999. Som du kan forestille dig, er internettet kommet langt siden da.

    Med farver kan du overskrive standard farvevalg og brug mere egnede standardindstillinger til dit layout. Disse farver passer sammen meget lettere og skabe mindre spænding ved at fortynde kontrast.

    For eksempel i stedet for # 000 for sort bruger dette bibliotek # 111 til holde det samme niveau af mørke samtidig med at man fjerner noget af den knusende kontrast. Dette virker meget bedre for tekst og baggrunde.

    Du kan installere farver via npm eller gennem GitHub ved at downloade stilarket direkte.

    Bedst af alt det leveres med gratis farveprøver Du kan importere til dine designprogrammer for nem adgang til farverne. Følgende swatch filer er inkluderet:

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

    Hvis du designer mange mockups med standardfarverne, anbefaler jeg absolut at tage en kopi af disse farveprøver. Du vil blive overrasket over, hvor godt disse farver kan passe ind i ethvert layout.

    Plus, Colors.css har endda sin egen adgangsordninger hvor du finder 90 kombinationer af farver der opfylder WCAG-specifikationerne for kvalitetsadgang. Dette er stort for alle, der forsøger at støtte det bredeste publikum muligt, og det er dejligt at se designere, der bryr sig så meget om moderne UI / UX arbejde.

    Men endnu vigtigere er det dejligt at se så meget fremskridt i open source-samfundet.

    Det er sjovt at se tilbage på gamle hjemmesider for at se, hvor meget de har forbedret. Og det samme kan siges for generelle designtendenser, især farvevalg og CSS-biblioteker.

    For at lære mere om Colour Library, skal du besøge Forside og tjek den levende eksempler. Du kan trække .css fil sammen med alle swatch-filerne direkte fra GitHub repo, også.