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

【问题标题】：How to set colors to a specific contrast ratio?如何将颜色设置为特定的对比度？
【发布时间】：2013-07-11 21:57:44
【问题描述】：

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

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

谢谢！

【问题讨论】：

【解决方案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%

【讨论】：