但是,使用Adam Morse的Colors库可以轻松得多。

为您的网站找到理想的配色方案并非易事。

这个免费CSS库采用了最初被认为是“网络安全”的 网站颜色 ,并于1999年与HTML4一起首次发布。您可以想象,自那时以来,网络已经发展了很长的路要走

这些颜色更容易组合在一起,并通过稀释对比度降低张力

使用颜色,您可以覆盖默认的颜色选择,并为布局使用更合适的默认值。

这对于文本和背景来说效果更好。

例如,该库使用#111代替黑色,而不是使用#000保持相同的黑暗度,同时消除了一些强烈的对比度。

您可以通过直接下载样式表, 通过npm通过GitHub安装Colors。

包括以下样本文件:

最重要的是,它带有免费色板,您可以将这些色板导入设计程序中,以轻松访问颜色。

  • .aco (Photoshop)
  • .ase (Illustrator / XD)
  • .gpl (Gimp / Inkscape)

您会惊讶于这些颜色能很好地适合任何布局。

如果您使用默认颜色设计了许多样机,我绝对建议您抓取这些色板的副本。

Colors.css为Web上的颜色提供了新的默认设置

对于任何试图尽可能扩大支持范围的人来说,这都是巨大的,很高兴看到设计师如此关注现代UI / UX工作。

此外,Colors.css甚至都有自己的可访问性方案 ,在这里您将找到90种符合WCAG规范的质量可访问性 的颜色组合

但更重要的是,很高兴看到开源社区取得如此巨大的进步。

而且,对于一般的设计趋势,尤其是颜色选择和CSS库,也可以这样说。

回头看看旧的网站 ,看看有什么改进是很有趣的。

您也可以直接从GitHub存储库中提取.css文件以及所有样本文件。

要了解有关Colors库的更多信息,请访问主页并查看实时示例


翻译自: https://www.hongkiat.com/blog/reset-default-css-colors/

相关文章: