Colors.css biedt nieuwe standaardwaarden voor kleuren op het web
Het vinden van een goed kleurenschema voor uw website is geen eenvoudige taak. Maar het werd gewoon een stuk eenvoudiger met de Kleurenbibliotheek door Adam Morse.
Deze gratis CSS-bibliotheek werkt uit de originele webkleuren die werden geacht “web veilig” en voor het eerst uitgebracht met HTML4 in 1999. Zoals u zich kunt voorstellen, is het web sindsdien ver gevorderd.
Met kleuren kun je dat overschrijf de standaard kleurkeuzes en gebruik meer geschikte standaardinstellingen voor uw lay-out. Deze kleuren passen veel gemakkelijker bij elkaar en creëer minder spanning door het contrast te verdunnen.
Bijvoorbeeld in plaats van # 000
voor zwart gebruikt deze bibliotheek # 111
naar hetzelfde niveau van duisternis behouden terwijl een deel van het schokkende contrast wordt verwijderd. Dit werkt veel beter voor tekst en achtergronden.
Je kunt kleuren installeren via npm of via GitHub door het stylesheet rechtstreeks te downloaden.
Het beste van alles, het komt met gratis stalen u kunt in uw ontwerpprogramma's importeren voor eenvoudige toegang tot de kleuren. De volgende staalbestanden zijn inbegrepen:
.aco
(Photoshop).ase
(Illustrator / XD).gpl
(Gimp / Inkscape)
Als je veel mockups ontwerpt met de standaardkleuren, raad ik je absoluut aan om een exemplaar van deze stalen te pakken. Je zult verbaasd zijn hoe goed deze kleuren in elke lay-out passen.
Plus, Colors.css heeft zelfs een eigen toegankelijkheidsregelingen waar je zult vinden 90 kleurencombinaties die voldoen aan de WCAG-specificaties voor toegankelijkheid van de kwaliteit. Dit is enorm voor iedereen die een zo breed mogelijk publiek probeert te ondersteunen en het is geweldig om te zien dat ontwerpers zoveel geven om modern UI / UX-werk.
Maar wat nog belangrijker is, het is geweldig om zoveel vooruitgang te zien in de open source community.
Het is grappig om terug te kijken op oude websites om te zien hoeveel ze hebben verbeterd. En hetzelfde geldt voor algemene ontwerptrends, met name kleurkeuzes en CSS-bibliotheken.
Voor meer informatie over de bibliotheek Kleuren, gaat u naar hoofdpagina en bekijk de live voorbeelden. Je kunt aan de .css
bestand, samen met alle staalbestanden rechtstreeks vanuit de GitHub repo, te.