html – 如何计算Less的百分比的颜色差异

前端之家收集整理的这篇文章主要介绍了html – 如何计算Less的百分比的颜色差异前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
说我有两种颜色#595b5c和#424545.我想知道他们之间的百分比差异,该怎么做?原因是我想使用较少的 lightendarken功能作为参数的百分比.

例如:

@darkgrey1: #595b5c;
@darkgrey2: darken(@darkgrey1,10%);

我怎么知道多少百分比#424545比#595b5c更暗

解决方法

减轻和变暗功能可以改变HSL颜色空间中颜色的亮度.如果将每种颜色转换为HSL,您将看到亮度不同.

我用了一个在线RGB to HSL converter.

颜色#595b5c(rgb(89,91,92))是hsl(200,1.7,35.5).

颜色#424545(rgb(66,69,69))是hsl(180,2,26.5).

那么亮度的差别就是9.0%.

请注意##424545#595b5c没有精确的色调和饱和度.如果你变黑,你将不会得到其他的.

猜你在找的HTML相关文章