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

概述说我有两种颜色#595b5c和#424545.我想知道他们之间的百分比差异,该怎么做？原因是我想使用较少的 lighten和 darken功能作为参数的百分比. 例如： @darkgrey1: #595b5c;@darkgrey2: darken(@darkgrey1,10%); 我怎么知道多少百分比#424545比#595b5c更暗 减轻和变暗功能可以改变HSL颜色空间中颜色的亮度.如果将每种 说我有两种颜色#595b5c和#424545.我想知道他们之间的百分比差异,该怎么做？原因是我想使用较少的 lighten和 darken功能作为参数的百分比.

例如：

@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 – 如何计算Less的百分比的颜色差异全部内容，希望文章能够帮你解决html – 如何计算Less的百分比的颜色差异所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。