Pagrindinis » Įrankių rinkinys » „Colors.css“ siūlo naujas spalvas internete

    „Colors.css“ siūlo naujas spalvas internete

    Rasti puikią spalvų schemą jūsų svetainei nėra lengva užduotis. Bet tai tiesiog tapo daug lengviau Spalvų biblioteka pateikė Adam Morse.

    Ši nemokama CSS biblioteka išjungia originalias interneto spalvas kurie buvo laikomi “saugus žiniatinklyje” ir pirmą kartą išleido su HTML4 dar 1999 metais. Kaip galite įsivaizduoti, nuo to laiko žiniatinklis buvo ilgas kelias.

    Su spalvomis galite perrašyti numatytuosius spalvų pasirinkimus ir naudokite tinkamesnius numatytuosius nustatymus. Šios spalvos daug lengviau suderinamos sumažindami kontrastą, sukurkite mažiau įtampos.

    Pavyzdžiui, vietoj # 000 juoda, ši biblioteka naudoja # 111 į išlaikyti tą patį tamsos lygį pašalindama kai kuriuos nesusipratimus. Tai daug geriau veikia tekstui ir fonams.

    Galite įdiegti spalvas per npm arba per GitHub atsisiųsdami stilių lentelę tiesiogiai.

    Geriausia iš visų, tai ateina su nemokamais swatches galite importuoti į savo dizaino programas, kad būtų lengviau pasiekti spalvas. Įtraukti šie swatch failai:

    • .aco („Photoshop“)
    • .ase (Iliustratorius / XD)
    • .gpl (Gimp / Inkscape)

    Jei suprojektuosite daug maketų su numatytomis spalvomis, aš tikrai rekomenduoju griebti šių spalvų kopijas. Būsite nustebinti, kaip gerai šios spalvos gali būti pritaikytos bet kokiam išdėstymui.

    Be to, „Colors.css“ netgi turi savo prieinamumo schemas kur rasite 90 spalvų derinių kurie atitinka WCAG specifikacijas kokybei pasiekti. Tai didžiulis tiems, kurie bando palaikyti kuo platesnę auditoriją ir puikiai matyti dizainerius, kurie rūpinasi šiuolaikiniais UI / UX darbais.

    Bet dar svarbiau, kad puikiai matyti tiek didelę pažangą atviro kodo bendruomenėje.

    Tai juokinga žvelgiant į senas svetaines, kad pamatytumėte, kiek jie pagerėjo. Tą patį galima pasakyti apie bendrąsias dizaino tendencijas, ypač spalvų pasirinkimą ir CSS bibliotekas.

    Jei norite sužinoti daugiau apie „Colors“ biblioteką, apsilankykite „ Pagrindinis puslapis ir patikrinkite gyvi pavyzdžiai. Galite traukti .css failą, kartu su visais swatch failais tiesiai iš GitHub repo, taip pat.