我写了一篇关于平面设计的类似文章。
我需要知道如何在Javascript(jQuery)中计算颜色是暖色还是凉色,活动还是被动,颜色的饱和度,色度等等。
对于代码我认为我可以处理它,但我需要知道范围(起点到终点)和/或关于它的附加提示。
如果有人可以帮忙解决这个问题,他/她会受到欢迎。
谢谢大家
答案 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的简化公式,根据单个颜色成分关系选择特定公式......