但是,使用Adam Morse的Colors库可以轻松得多。
为您的网站找到理想的配色方案并非易事。
这个免费CSS库采用了最初被认为是“网络安全”的 网站颜色 ,并于1999年与HTML4一起首次发布。您可以想象,自那时以来,网络已经发展了很长的路要走 。
这些颜色更容易组合在一起,并通过稀释对比度降低张力 。
使用颜色,您可以覆盖默认的颜色选择,并为布局使用更合适的默认值。
这对于文本和背景来说效果更好。
例如,该库使用#111代替黑色,而不是使用#000来保持相同的黑暗度,同时消除了一些强烈的对比度。
您可以通过直接下载样式表, 通过npm或通过GitHub安装Colors。
包括以下样本文件:
最重要的是,它带有免费色板,您可以将这些色板导入设计程序中,以轻松访问颜色。
-
.aco(Photoshop) -
.ase(Illustrator / XD) -
.gpl(Gimp / Inkscape)
您会惊讶于这些颜色能很好地适合任何布局。
如果您使用默认颜色设计了许多样机,我绝对建议您抓取这些色板的副本。

对于任何试图尽可能扩大支持范围的人来说,这都是巨大的,很高兴看到设计师如此关注现代UI / UX工作。
此外,Colors.css甚至都有自己的可访问性方案 ,在这里您将找到90种符合WCAG规范的质量可访问性 的颜色组合 。
但更重要的是,很高兴看到开源社区取得如此巨大的进步。
而且,对于一般的设计趋势,尤其是颜色选择和CSS库,也可以这样说。
回头看看旧的网站 ,看看有什么改进是很有趣的。
您也可以直接从GitHub存储库中提取.css文件以及所有样本文件。
要了解有关Colors库的更多信息,请访问主页并查看实时示例 。
翻译自: https://www.hongkiat.com/blog/reset-default-css-colors/