Colors.css oferă noi valori prestabilite pentru culori pe Web
Găsirea unei scheme de culoare minunate pentru site-ul dvs. nu este o sarcină ușoară. Dar, a fost mult mai ușor cu Biblioteca de culori de Adam Morse.
Această bibliotecă gratuită CSS lucrează la culorile web originale care au fost considerate “în condiții de siguranță” și a fost lansat pentru prima dată cu HTML4 în 1999. După cum vă puteți imagina, web-ul a parcurs un drum lung de atunci.
Cu culorile, poți suprascrieți opțiunile de culoare implicite și utilizați setările implicite mai potrivite pentru aspectul dvs. Aceste culori se potrivesc mult mai ușor și mai ușor creează mai puțină tensiune prin diluarea contrastului.
De exemplu, în loc de # 000 pentru negru, folosește această bibliotecă # 111 la păstrați același nivel de întuneric eliminând în același timp o parte din contrastul jignitor. Acest lucru funcționează mult mai bine pentru text și pentru medii.
Puteți instala culorile prin npm sau prin GitHub prin descărcarea directă a foii de stil.
Cel mai bun lucru vine cu mostre gratuite puteți importa în programele de proiectare pentru un acces ușor la culori. Sunt incluse următoarele fișiere swatch:
.ACO(Photoshop).azei(Illustrator / XD).gpl(Gimp / Inkscape)
Dacă proiectați o mulțime de machete cu culorile implicite, recomand absolut grabbing o copie a acestor swatches. Veți fi surprins de cât de bine se pot potrivi aceste culori în orice aspect.
În plus, Colors.css chiar are propriile sale schemele de accesibilitate unde veți găsi 90 de combinații de culori care îndeplinesc specificațiile WCAG pentru accesibilitatea calității. Acest lucru este imens pentru oricine încearcă să sprijine publicul cel mai larg posibil și este minunat să-i vedem pe designeri care se îngrijesc atât de mult de munca UI / UX moderne.
Dar, mai important, este minunat să vedem atât de mult progres în comunitatea open source.
Este amuzant căutând înapoi pe site-urile vechi pentru a vedea cât de mult s-au îmbunătățit. Și, același lucru se poate spune și pentru tendințele de design generale, în special ale opțiunilor de culoare și ale bibliotecilor CSS.
Pentru a afla mai multe despre biblioteca de culori, vizitați Pagina principală și verificați exemple live. Puteți trage .css fișier, împreună cu toate fișierele swatch direct de la GitHub repo, de asemenea.
