Начална » Toolkit » Colors.css предлага нови настройки за цветове в мрежата

    Colors.css предлага нови настройки за цветове в мрежата

    Намирането на страхотна цветова схема за вашия сайт не е лесна задача. Но, тя просто е много по-лесно с Цветова библиотека от Адам Морс.

    Тази безплатна CSS библиотека работи от оригиналните цветове в мрежата които бяха считани “уеб безопасно” и първоначално пуснати с HTML4 през 1999 година.

    С Цветове можете презапишете избраните цветове по подразбиране и използвайте по-подходящи настройки по подразбиране. Тези цветове съвпадат много по-лесно и създават по-малко напрежение чрез разреждане на контраста.

    Например, вместо # 000 за черно, тази библиотека използва # 111 да се запази същото ниво на тъмнина докато отстраняваме част от контрастния контраст. Това работи много по-добре за текст и за фонове.

    Можете да инсталирате Цветове чрез npm или чрез GitHub чрез директно изтегляне на таблицата със стилове.

    Най-доброто от всичко, то идва с безплатни мостри можете да импортирате в своите програми за лесен достъп до цветовете. Включени са следните файлове с мостри:

    • .ACO (Photoshop)
    • .аза (Illustrator / XD)
    • .GPL (Gimp / Inkscape)

    Ако проектирате много макети с цветовете по подразбиране, аз абсолютно препоръчвам да вземете копие от тези мостри. Ще се изненадате колко добре тези цветове могат да се впишат във всяко оформление.

    Освен това Colors.css дори има свои собствени схеми за достъпност където ще намерите 90 комбинации от цветове които отговарят на спецификациите на WCAG за качествена достъпност. Това е огромно за всеки, който се опитва да подкрепи възможно най-широката аудитория и е чудесно да видим дизайнерите, които се грижат толкова много за модерната работа на UI / UX.

    Но по-важното е, че е страхотно да видим толкова голям напредък в общността с отворен код.

    Смешно е да погледнем назад към старите сайтове, за да видим колко са се подобрили. Същото може да се каже и за общите тенденции в дизайна, особено за цветовия избор и библиотеките на CSS.

    За да научите повече за библиотеката Colors, посетете Главна страница и проверете живи примери. Можете да дръпнете .CSS файл, заедно с всички файлове на swatch директно от GitHub репо, също.