首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将颜色设置为特定的对比度?

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

Stack Overflow用户
提问于 2013-07-12 05:57:44
回答 1查看 1.1K关注 0票数 0

我正在做一个项目,我有一个要求将页脚设置为4:5的对比度。我从来没有改变过这一点,所以在搜索之后,我找到了这个整洁的工具,它可以让你摆弄颜色,并看到你得到的对比度。http://leaverou.github.io/contrast-ratio/#

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

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-12 06:36:51

使用SASS来实现这一点。只需安装ruby,然后运行:

代码语言:javascript
运行
复制
gem install SASS
sass --watch /path/to/sass path/to/css

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

代码语言:javascript
运行
复制
@black: #000;
footer {
  background-color: lighten(@black, 20%);
}

它将呈现完全有效的CSS,使用ruby来处理变量,并将背景亮度降低20%

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17604225

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档