颜色分析 - 饱和度,色度,温暖,冷却等

时间:2012-03-11 04:44:27

标签: javascript colors

我写了一篇关于平面设计的类似文章。

我需要知道如何在Javascript(jQuery)中计算颜色是暖色还是凉色,活动还是被动,颜色的饱和度,色度等等。

对于代码我认为我可以处理它,但我需要知道范围(起点到终点)和/或关于它的附加提示。

如果有人可以帮忙解决这个问题,他/她会受到欢迎。

谢谢大家

1 个答案:

答案 0 :(得分:1)

Wikipedia article将帮助您计算颜色色调,这可能与色温有关(温暖/寒冷以及其间的所有内容)。

我怀疑相同的色调值可以确定主动/被动颜色性质。

other article谈论HSL / HSV,其中色调,饱和度和亮度/强度/亮度是根据RBG值计算的。其中也提到了色度。

现在Javascript怎么样

在Javascript中执行这些操作与任何其他语言一样,都是一个数学问题。你有所有相同的数学结构(或者至少可以写它们)。

给定RBG值(在HEX或每种颜色的0..255整数),您可以根据您的问题计算这些值并确定颜色属性。

在Javascript中计算色调的例子:

// individual values of RGB are provided in these three valiables
var r, g, b;
...
// if values are set between 0..255 then use these as well
r = r/255; g = g/255; b = b/255;

// hue is calculated where red 0°, green 120° and blue 240°
var h = Math.atan2(Math.sqrt(3) * (g - b), 2 * r - g - b);

或者您也可以使用基于Preucil的简化公式,根据单个颜色成分关系选择特定公式......