Colors.css пропонує нові типові значення для кольорів у Інтернеті
Пошук великої колірної схеми для вашого сайту не є легким завданням. Але, це тільки приїхало багато легше з Бібліотека кольорів Адамом Морсом.
Це безкоштовна бібліотека CSS працює з оригінальними кольорами веб-сторінок які вважалися “безпечний для Інтернету” і вперше випущений з HTML4 ще в 1999 році. Як ви можете собі уявити, з того часу веб пройшов довгий шлях.
За допомогою кольорів можна перезаписує вибір кольорів за замовчуванням і використовуйте більш відповідні типові параметри для вашого макета. Ці кольори зручніше і набагато простіше створюють менше напруги шляхом розведення контрасту.
Наприклад, замість # 000
для чорної, ця бібліотека використовує # 111
до зберігати той самий рівень темряви одночасно видаляючи деякий контраст. Це значно краще для тексту та фонів.
Можна встановити кольори через npm або через GitHub завантажуючи таблицю стилів безпосередньо.
Краще за все, це постачається з безкоштовними зразками Ви можете імпортувати у ваші дизайнерські програми легкий доступ до кольорів. Включено такі файли зразків:
.aco
(Photoshop).ase
(Illustrator / XD).gpl
(Gimp / Inkscape)
Якщо ви розробляєте багато макетів з типовими кольорами, я абсолютно рекомендую захопити копію цих зразків. Ви будете здивовані, наскільки добре ці кольори можуть вміститися в будь-який формат.
Крім того, Colors.css навіть має свою схеми доступності де ви знайдете 90 комбінацій кольорів які відповідають специфікації WCAG для якісної доступності. Це величезне значення для всіх, хто намагається підтримувати найширшу аудиторію, і приємно бачити дизайнерів, які так піклуються про сучасний інтерфейс користувача / UX.
Але що більш важливо, це здорово бачити так багато прогресу в спільноті з відкритим кодом.
Смішно дивитися назад на старі сайти, щоб побачити, наскільки вони поліпшилися. І те ж саме можна сказати і про загальні тенденції дизайну, особливо для вибору кольорів і бібліотек CSS.
Щоб дізнатися більше про бібліотеку Colors, відвідайте веб-сторінку Головна сторінка і перевірте живі приклади. Ви можете витягнути .css
файлу, разом з усіма файлами swatch безпосередньо з файлу GitHub repo, теж.