Colors.css oferuje nowe ustawienia domyślne dla kolorów w sieci
Znalezienie świetnej kolorystyki na swojej stronie nie jest łatwym zadaniem. Ale to było o wiele łatwiejsze dzięki Biblioteka kolorów Adam Morse.
Ta darmowa biblioteka CSS działa poza oryginalnymi kolorami sieci które zostały uznane “bezpieczny w sieci” i po raz pierwszy wydany z HTML4 w 1999 roku. Jak można sobie wyobrazić, sieć przeszła długą drogę od tego czasu.
Z kolorami możesz nadpisać domyślny wybór kolorów i użyj bardziej odpowiednich ustawień domyślnych dla swojego układu. Te kolory pasują do siebie znacznie łatwiej zmniejszyć napięcie dzięki rozcieńczeniu kontrastu.
Na przykład zamiast # 000
dla czerni ta biblioteka korzysta # 111
do zachowaj ten sam poziom ciemności usuwając jednocześnie część kontrastu. Działa to znacznie lepiej w przypadku tekstu i tła.
Możesz zainstalować kolory przez npm lub przez GitHub pobierając arkusz stylów bezpośrednio.
Najlepsze ze wszystkiego pochodzi z darmowymi próbkami możesz zaimportować do swoich programów projektowych w celu łatwego dostępu do kolorów. Dostępne są następujące pliki próbek:
.aco
(Photoshop).ase
(Illustrator / XD).gpl
(Gimp / Inkscape)
Jeśli projektujesz wiele makiet z domyślnymi kolorami, zdecydowanie polecam przechwycenie kopii tych próbek. Będziesz zaskoczony, jak dobrze te kolory pasują do każdego układu.
Plus, Colors.css ma nawet swój własny systemy dostępności gdzie znajdziesz 90 kombinacji kolorów które spełniają wymagania WCAG dotyczące dostępności jakości. Jest to ogromne dla każdego, kto próbuje wspierać jak najszerszą widownię i wspaniale jest widzieć projektantów, którzy tak bardzo dbają o nowoczesną pracę UI / UX.
Co ważniejsze, wspaniale jest widzieć tak duży postęp w społeczności open source.
Zabawne jest przeglądanie starych stron internetowych, aby zobaczyć, jak bardzo się poprawiły. To samo można powiedzieć o ogólnych trendach projektowych, zwłaszcza o wyborze kolorów i bibliotekach CSS.
Aby dowiedzieć się więcej o bibliotece kolorów, odwiedź stronę Strona główna i sprawdź żywe przykłady. Możesz pociągnąć .css
plik wraz ze wszystkimi plikami próbek bezpośrednio z Repo GitHub, zbyt.