识别直线中的颜色十六进制代码

Question

如何以编程方式确定单个光谱线中颜色的 html 颜色十六进制代码？我肯定使用了错误的术语，我只是不确定如何表达它。这张图应该可以清晰地看出：

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

是否可以通过编程方式生成这些？

Answer 1

以编程方式到达那里需要 3 个步骤：选择基色（对于每个屏幕截图，它是右上角），然后将其调亮到正确的量（方块的 X 轴），然后将其调暗到正确的量（正方形的 Y 轴）如果您使用像 SASS 这样的预编译 css，它看起来像这样：

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

$darkenedColor 将为您提供您正在寻找的点，它将适用于任何给定的 $someColor