在一条直线上识别颜色的十六进制代码

Question

我如何以编程方式确定单个光谱线中颜色的HTML颜色十六进制代码？我肯定使用了错误的术语，只是不确定如何用其他方式表达。这张图片可以带来清晰度：

请注意，顶部矩形中的光标始终处于相同位置。它只是移动到不同的颜色段中的第一个条形光标，从而生成下面可见的十六进制代码。

是否有可能通过编程方式生成这些代码？

- Moose

Answer 1

编程实现需要3个步骤： 选择基础颜色（对于每个截图，都是右上角的颜色） 然后将其变浅到正确的程度（方块的X轴） 然后将其变暗到正确的程度（方块的Y轴） 如果你使用预编译的CSS，比如SASS，代码应该是这样的：

$someColor: red;
$lighten: brighten($someColor,20%);
$darkenedColor : darken($lighten, 32%);

$darkenedColor会让你得到想要的效果，它适用于任何给定的$someColor。

- David Rubin