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

时间:2015-04-30 07:21:12

标签: html colors

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

Color Line

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

是否可以以编程方式生成这些?

1 个答案:

答案 0 :(得分:1)

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

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

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