计算css梯度差

作为对称的朋友，我通常会设计我所做的一切。最近我一直在使用很多线性渐变来设计我的按钮。正如每个开发人员花费大量时间在线梯度发生器一样，在两点之间随意选择颜色，几乎就是“眼球”。计算css梯度差

但是如果我想要更高的精度呢？可以说我有一个以＃ff5db1开始并以＃ef017c结尾的渐变。如果我想确保我未来使用的每个其他梯度具有相同类型的强度，并且两种颜色之间的差异比前两者更大。

是否有一种工具可以计算两种颜色之间的指标，因此我可以根据这些指标创建一种一致的颜色方案？

2015-08-15 Tomkarho

在下面的答案中看到我的评论。这里是[demo]（http://codepen.io/seven-phases-max/pen/pJBXYP?editors=110）来说明：1.任何算术指标通常都非常有限。 2.如果您仍然决定使用它 - 您将不需要任何外部工具，因为这可以在预处理器中完全自动化。 –

-1

基本上我觉得你可以。例如，采取你的颜色 - ＃ef017c和＃ff5db1。所以，每2个数字或字母，它是一个十六进制的颜色。例如，在＃ff5db1 ff - 红色，5d - 绿色，b1 - 蓝色。你可以计算它在DEC中的数量。

对于＃ff5db1：（FF）16 =（255）10，（5D）16 =（93）10，（B1）= 16（177）10。

ff5db1 =（255，93，177）

对于＃ef017c：（EF）16 =（239）10，（01）16 =（1）10，（7C）16 =（ 124）10

ef017c =（239,1,124）。

然后你计算它们之间的差异。（（255-239），（93-1），（177-124））=（16,92,53） - 这是两种颜色之间的差别。

来源

2015-08-15 09:25:50 AleshaOleg

好吧，计算颜色的RGB值之间的算术差异（或者它们的HSL/HSB之间的算术差异）是相当微不足道的 - 但它们都不能为两种颜色之间的*知觉*差异提供真正有价值的信息。（甚至是[亮度]（https://en.wikipedia.org/wiki/Luminance）/ [Luma]（https://en.wikipedia.org/wiki/Luma_（video）），它们应该表示感性差异两种颜色的亮度/亮度的使用相当有限）。换句话说，HSL差异会在一定程度上起作用，但它永远无法达到手动设计的色彩方案的感知一致性。 –

计算css梯度差

回答

相关问题