Hemsida » Toolkit » Colors.css erbjuder nya standardvärden för färger på webben

    Colors.css erbjuder nya standardvärden för färger på webben

    Att hitta ett bra färgschema för din webbplats är ingen lätt uppgift. Men det blev bara mycket lättare med Färger bibliotek av Adam Morse.

    Detta gratis CSS-bibliotek fungerar av de ursprungliga webbfärgerna som ansågs “webbsäker” och släpptes först med HTML4 tillbaka 1999. Som du kan föreställa dig, har webben kommit långt sedan dess.

    Med färger kan du skriv över standard färgval och använd mer lämpliga standardinställningar för din layout. Dessa färger passar ihop mycket enklare och skapa mindre spänning genom utspädning av kontrast.

    Till exempel istället för # 000 för svart använder detta bibliotek # 111 till behåll samma nivå av mörkret samtidigt som man avlägsnar en del av den slående kontrasten. Detta fungerar mycket bättre för text och bakgrunder.

    Du kan installera färger via npm eller genom GitHub genom att hämta stilarket direkt.

    Bäst av allt, det kommer med fria prickar Du kan importera till dina designprogram för enkel åtkomst till färgerna. Följande swatch-filer ingår:

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

    Om du designar många mockups med standardfärgerna rekommenderar jag absolut att du tar en kopia av dessa färgprov. Du kommer att bli förvånad över hur bra dessa färger kan passa in i vilken layout som helst.

    Plus, Colors.css har även en egen tillgänglighetssystem där hittar du 90 kombinationer av färger som uppfyller WCAG-specifikationerna för kvalitets tillgänglighet. Det här är enormt för alla som försöker stödja den bredaste publiken och det är kul att se designers som bryr sig så mycket om moderna UI / UX-arbeten.

    Men allt viktigare är det bra att se så mycket framsteg i open source-samhället.

    Det är roligt att titta tillbaka på gamla webbplatser för att se hur mycket de har förbättrats. Och detsamma kan man säga om allmänna designtrender, särskilt färgval och CSS-bibliotek.

    Om du vill veta mer om Colour Library, besök huvudsida och kolla in levande exempel. Du kan dra på .css fil tillsammans med alla swatch-filer direkt från GitHub repo, för.