代码之家 › 专栏 › 技术社区 › fusionstrings

如何在SASS中从基色获得所需颜色

compass-sass sass colors css

fusionstrings · 技术社区 · 11 年前

我希望有一个基础颜色,并希望为我的网站建立动态的色彩品味,这样就可以像改变颜色值一样轻松地切换主题。

SASS有这么多的助手功能,我相信这足以让我做到这一点。我在这里面临的问题是,为了从单一基色获得所需的颜色值,我应该使用什么函数(或函数的组合)以及什么值。

有一个神奇的工具 http://sassme.arc90.com/ ,这使您可以使用各种组合,但再次无法完全控制输出。

例如,如果我有基色 #ffe202 我希望输出 #ffd202 我不知道该怎么做,我可以通过玩控制来拉近距离,但这并不是我想要的。

所以,我想知道,是否有任何工具可以输入您的基础颜色和所需的输出颜色,并为您提供类似于 http://sassme.arc90.com/ .

2 回复 | 直到 11 年前

Alex Gyoshev 8 年前

我也遇到过同样的问题,并创建了一个工具来查找从一种颜色转换到另一种颜色的函数。它建议了最常用的方法,但可能适用于您的场景。你仍然需要选择哪个函数最有意义,但至少它能帮你处理数字。

KatieK 11 年前

没有严格的方法总是从给定的颜色中获得特定的结果,但您可以选择 Sass's color functions 你想要得到想要的结果。

在您的情况下,所需的颜色与起始颜色的绿色值不同,因此您可以调整绿色:

background-color: adjust-color($color, $green: -16);

adjust-color() 将仅更改绿色值。可以使用正值或负值来增加或减少色调的量;经过反复尝试,我最终以-16的成绩着陆。

推荐文章

I am me · 是否有用于将后代输出到根的SASS规则?

11 年前

Tristan · 安装指南针时出错。未能生成gem本机扩展(Compass)

11 年前

fusionstrings · 如何在SASS中从基色获得所需颜色

11 年前

Deviland · COMPASS CREATE权限被拒绝

11 年前

cookch10msu · Sass/Scss:在生成的CSS中更改嵌套psuedo选择器的顺序:before和:hover?

11 年前

Totty.js · 为什么css文件在“服务器”模式下正确导入(从scss文件),而在“dist”模式下却不正确导入?(雪人、指南针)

12 年前

Simon · Compass-CSS文件缓存

12 年前

ithil · 将FontAwesome与Sass一起使用

12 年前

Andrey Mikhaylov - lolmaus · 使用Singularty 1.x创建缩略图网格,第二列缺少边距

12 年前

Tjorriemorrie · 如何在phpstorm中使用指南针?

12 年前