html – 直线识别颜色十六进制代码

如何以编程方式确定单个谱线中颜色的html颜色十六进制代码？我肯定使用了错误的术语我只是不确定如何用它来表达它.这张照片应该清晰：

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

是否有可能以编程方式生成这些？

解决方法

以编程方式到达目的地需要3个步骤：
选择基色(对于每个屏幕截图,右上角)
然后将它减轻到正确的数量(你的方块的X轴)
然后将其变暗到适当的量(正方形的Y轴)
如果你使用像SASS这样的预编译css,它会是这样的：

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

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