Το Colors.css προσφέρει νέες προεπιλογές για χρώματα στο διαδίκτυο
Η εύρεση ενός εξαιρετικού συνδυασμού χρωμάτων για τον ιστότοπό σας δεν είναι εύκολη υπόθεση. Αλλά, πήρε πολύ πιο εύκολα με το Βιβλιοθήκη χρωμάτων από τον Adam Morse.
Αυτή η ελεύθερη βιβλιοθήκη CSS λειτουργεί από τα αρχικά χρώματα ιστού που θεωρήθηκαν “web ασφαλής” και κυκλοφόρησε για πρώτη φορά με το HTML4 το 1999. Όπως μπορείτε να φανταστείτε, ο ιστός έχει απομακρυνθεί από τότε.
Με τα χρώματα, μπορείτε αντικαταστήστε τις προεπιλεγμένες επιλογές χρωμάτων και να χρησιμοποιήσετε πιο κατάλληλες προεπιλογές για τη διάταξή σας. Αυτά τα χρώματα ταιριάζουν μαζί πολύ πιο εύκολα και δημιουργήστε λιγότερη ένταση αραιώνοντας την αντίθεση.
Για παράδειγμα, αντί για # 000
για μαύρο, αυτή η βιβλιοθήκη χρησιμοποιεί # 111
προς το διατηρήστε το ίδιο επίπεδο σκοτεινότητας ενώ παράλληλα αφαιρεί μερικές από τις τραγικές αντιθέσεις. Αυτό λειτουργεί πολύ καλύτερα για κείμενο και για φόντο.
Μπορείτε να εγκαταστήσετε Χρώματα μέσω npm ή μέσω του GitHub με απευθείας λήψη του φύλλου στυλ.
Το καλύτερο από όλα, αυτό έρχεται με δωρεάν δείγματα μπορείτε να εισαγάγετε στα προγράμματα σχεδιασμού σας για εύκολη πρόσβαση στα χρώματα. Περιλαμβάνονται τα ακόλουθα αρχεία δεδομένων:
.aco
(Photoshop).ase
(Illustrator / XD).gpl
(Gimp / Inkscape)
Αν σχεδιάζετε πολλά mockups με τα προεπιλεγμένα χρώματα, προτείνω απολύτως να τραβήξετε ένα αντίγραφο αυτών των δειγμάτων. Θα εκπλαγείτε πόσο καλά μπορούν να χωρέσουν αυτά τα χρώματα σε οποιαδήποτε διάταξη.
Επιπλέον, το Colors.css έχει ακόμη και το δικό του προγράμματα προσβασιμότητας όπου θα βρείτε 90 συνδυασμούς χρωμάτων που πληρούν τις προδιαγραφές WCAG για ποιοτική προσβασιμότητα. Αυτό είναι τεράστιο για όσους προσπαθούν να υποστηρίξουν το ευρύτερο δυνατό κοινό και είναι υπέροχο να δούμε σχεδιαστές που ενδιαφέρονται τόσο πολύ για τη σύγχρονη εργασία UI / UX.
Αλλά το πιο σημαντικό, είναι υπέροχο να δούμε τόσο μεγάλη πρόοδο στην κοινότητα ανοιχτού κώδικα.
Είναι αστείο κοιτάζοντας πίσω σε παλιές ιστοσελίδες για να δούμε πόσο έχουν βελτιωθεί. Και, το ίδιο μπορεί να ειπωθεί για τις γενικές τάσεις σχεδίασης, ειδικά για τις επιλογές χρωμάτων και τις βιβλιοθήκες CSS.
Για να μάθετε περισσότερα σχετικά με τη βιβλιοθήκη Χρώματα, επισκεφθείτε την κύρια σελίδα και ελέγξτε το ζωντανά παραδείγματα. Μπορείτε να τραβήξετε το .css
αρχείο, μαζί με όλα τα αρχεία swatch απευθείας από το GitHub repo, πολύ.