Colors.css bietet neue Standardeinstellungen für Farben im Web
Ein großartiges Farbschema für Ihre Website zu finden, ist keine leichte Aufgabe. Mit dem ist es jetzt viel einfacher geworden Farbbibliothek von Adam Morse.
Diese kostenlose CSS-Bibliothek arbeitet die ursprünglichen Webfarben ab das wurde angenommen “web sicher” und wurde erstmals 1999 mit HTML4 veröffentlicht. Wie Sie sich vorstellen können, hat das Web seitdem einen langen Weg zurückgelegt.
Mit Farben können Sie Überschreiben Sie die Standardfarben und verwenden Sie mehr geeignete Standardeinstellungen für Ihr Layout. Diese Farben passen viel einfacher zusammen erzeugen Sie weniger Spannung, indem Sie den Kontrast verdünnen.
Zum Beispiel statt # 000
für Schwarz verwendet diese Bibliothek # 111
zu Behalte das gleiche Maß an Dunkelheit während ein Teil des erschütternden Kontrasts entfernt wird. Dies funktioniert viel besser für Text und für Hintergründe.
Sie können Colors installieren über npm oder durch GitHub indem Sie das Stylesheet direkt herunterladen.
Das Beste von allem ist es kommt mit kostenlosen Farbfeldern Sie können in Ihre Design-Programme importieren, um einen einfachen Zugriff auf die Farben zu erhalten. Folgende Musterdateien sind enthalten:
.Aco
(Photoshop).ase
(Illustrator / XD).gpl
(Gimp / Inkscape)
Wenn Sie viele Mockups mit den Standardfarben entwerfen, sollten Sie unbedingt eine Kopie dieser Farbfelder verwenden. Sie werden überrascht sein, wie gut diese Farben in jedes Layout passen.
Außerdem hat Colors.css sogar eine eigene Zugänglichkeitsregelungen wo finden Sie 90 Farbkombinationen die den WCAG-Spezifikationen für eine gute Zugänglichkeit entsprechen. Dies ist enorm für alle, die versuchen, ein möglichst breites Publikum zu unterstützen, und es ist großartig, Designer zu sehen, die sich so sehr um moderne UI / UX-Arbeit kümmern.
Vor allem aber ist es großartig, in der Open-Source-Community so viele Fortschritte zu sehen.
Es ist komisch, wenn man auf alte Websites zurückschaut, um zu sehen, wie sehr sie sich verbessert haben. Dasselbe gilt für allgemeine Designtrends, insbesondere für die Farbauswahl und CSS-Bibliotheken.
Um mehr über die Colours-Bibliothek zu erfahren, besuchen Sie die Hauptseite und schau dir das an Live-Beispiele. Sie können das ziehen .css
zusammen mit allen Farbfelddateien direkt aus der GitHub-Repo, auch.