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

Question

我正在开展一个项目，我有一个要求将页脚设置为4：5对比度的请求。我从来没有必要改变这一点，所以在搜索之后我发现这个简洁的工具可以让你摆弄颜色并看到你得到的对比度。 http://leaverou.github.io/contrast-ratio/#

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

谢谢！

Answer 1

使用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％的背景