如何计算Less的百分比色差

Question

说我有两种颜色#595b5c和#424545.我想知道它们之间的百分比差异,怎么做？原因是我想使用减轻和变暗的函数,以百分比作为参数.

例如:

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

我怎么知道百分比#424545多于百分之百#595b5c

Answer 1

我必须每天解决完全相同的问题,所以我创建了一个颜色函数建议工具.它列出了从一种颜色到另一种颜色的大多数LESS功能,因此您可以专注于使用颜色darken还是softlight使用颜色,在设计方面更有意义.

(墨鱼具有惊人的变色能力,因此名称/标识)

Answer 2

变亮和变暗功能会改变HSL颜色空间中颜色的亮度.如果将每种颜色转换为HSL,您将看到亮度差异的程度.

我使用在线RGB到HSL转换器.

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

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

因此,亮度的差异是9.0%单位.

请注意,#424545没有确切的色调和饱和度#595b5c.如果你使一个人变暗,你就不会得到另一个.