如何获得两种颜色之间的关系？答案

【问题标题】：How to get the relationship between two colors?如何获得两种颜色之间的关系？
【发布时间】：2016-09-25 13:55:55
【问题描述】：

我们使用用户体验团队的样式指南作为参考，该指南通常以十六进制值记录调色板。例如：

Primary Color : #F27132;
Hover color : #D16605;

基于这些值，我们需要创建样式表（.scss 文件）。 scss 使用了一些函数，如$lighten、$darken、$saturate、$desaturate 等。有没有办法将这些十六进制代码转换成这样的相对格式？有点像，

$primary-color : #F27132
$hower-color : $darken($primary-color, 20%)

是否有任何工具可用于此类转换？

【问题讨论】：

【解决方案1】：

这在 Sass 中开箱即用。但是请注意，在声明函数时使用美元符号，但在使用函数时不使用。因此这将起作用：

$hower-color : darken($primary-color, 20%)

【讨论】：

问题是关于计算该数字 20% 的方法。在我的问题中，我只是举个例子。我想要的是，如果我给出 2 个十六进制值，我需要一个输出，第二个颜色比第一个颜色深或浅 x%。