Kotisivu » Toolkit » Colors.css tarjoaa uusia oletusarvoja väreille Webissä

    Colors.css tarjoaa uusia oletusarvoja väreille Webissä

    Hauskan värimaailman löytäminen sivustollesi ei ole helppo tehtävä. Mutta se sai paljon helpompaa Värit-kirjasto esittäjä (t): Adam Morse.

    Tämä ilmainen CSS-kirjasto toimii alkuperäisten web-värien poistamisessa joita pidettiin “verkkoturvallinen” ja julkaistiin ensin HTML4: llä jo vuonna 1999. Kuten voitte kuvitella, verkko on tullut pitkän matkan jälkeen.

    Väreillä voit korvaa oletusvärivalinnat ja käytä sopivampia oletusarvoja asettelua varten. Nämä värit sopivat yhteen paljon helpommin ja helpommin luo vähemmän jännitystä laimentamalla kontrastia.

    Esimerkiksi # 000 musta, tämä kirjasto käyttää # 111 että pidä sama pimeyden taso samalla poistamalla joitakin ruoska-kontrastista. Tämä toimii paljon paremmin tekstin ja taustojen osalta.

    Voit asentaa värit npm: n kautta tai GitHubin kautta lataamalla tyylitaulukon suoraan.

    Mikä parasta, se Mukana on ilmaiset värimallit voit tuoda design-ohjelmiin, jotta värit ovat helposti saatavilla. Seuraavat swatch-tiedostot sisältyvät:

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

    Jos suunnittelet paljon malleja oletusväreillä, suosittelen ehdottomasti tarttumalla kopion näistä värivaihtoehdoista. Tulet yllättymään, kuinka hyvin nämä värit mahtuvat mihin tahansa asetteluun.

    Plus, Colors.css on jopa oma esteettömyysjärjestelmät missä löydät 90 värien yhdistelmää jotka täyttävät WCAG: n tiedot laadun saatavuudesta. Tämä on valtava kaikille, jotka yrittävät tukea mahdollisimman laajaa yleisöä, ja on hienoa nähdä suunnittelijat, jotka välittävät niin paljon modernista UI / UX-työstä.

    Mutta mikä tärkeintä, on hienoa nähdä niin paljon edistystä avoimen lähdekoodin yhteisössä.

    On hauska katsella vanhoja sivustoja nähdäksesi kuinka paljon he ovat parantuneet. Samaa voidaan sanoa myös yleisten suunnittelusuunnitelmien, erityisesti värivalintojen ja CSS-kirjastojen osalta.

    Saat lisätietoja Colors-kirjastosta osoitteesta Pääsivu ja tarkista live-esimerkkejä. Voit vetää .css tiedosto, ja kaikki swatch-tiedostot suoraan GitHub repo, liian.