css - 如何将颜色设置为特定的对比度？

Question

我正在做一个项目，我要求将页脚设置为 4:5 的对比度。我从来不需要改变它，所以在搜索后我发现了这个简洁的工具，可以让你调整颜色并查看你得到的对比度。http://leaverou.github.io/contrast-ratio/#

我想知道是否有另一种方法可以做到这一点？我收到的唯一一组指令是将页脚的字体设置为 12pt，对比度为 4:5（页脚背景为黑色）。

谢谢！

score 0 · Accepted Answer

使用 SASS 来完成这项工作。只需安装 ruby，然后运行：

gem install SASS
sass --watch /path/to/sass path/to/css

这将监视第一个目录中的任何 SASS 文件并将其转换为第二个目录中的 CSS。然后，您可以使用 SASS 中的函数来处理带有变量的颜色变亮和变暗。一个简单的例子：

@black: #000;
footer {
  background-color: lighten(@black, 20%);
}

它将使用 ruby 渲染完全有效的 CSS 来处理变量并将背景亮度提高 20%

1 回答 1