jQuery和颜色计算
目前我的H1标签设置为＃8c0000（深红色）。
使用jQuery，我想得到H1的颜色，然后根据h1的颜色进行计算，以确定如果我想要几个阴影更暗的新颜色的hex值。
原因是我想通过创建“插入”文本阴影来使用CSS3的新文本阴影属性来创建“浮雕”效果。
我相信，要获得H1元素颜色，可以使用：
('H1').css('color'); 但是，我该怎么做这个值来计算一个更暗的阴影？
PS – 看到H1颜色将动态设置，我不能只是在固定的文本阴影中硬编码，这就是我需要计算的原因…
任何帮助将不胜感激。 先感谢您
最简单的方法（不在颜色空间之间转换）将简单地解析$('h1').css('color') ，减去R，G和B各自的一定量。主要问题是jQuery没有规范化返回的值，所以我们必须自己解析一下。
从jQuery Color Plugin中获取getRGB()函数，并删除第一个和最后一个完整性检查以节省空间，我们现在可以获得执行此操作所需的RGB值。 （如果您正在使用那些，您可能希望保留最后一次检查和大量命名颜色）
剩下的任务是微不足道的 – 只需通过从每个单独的颜色值中减去一定量来构造新颜色，然后再将它们重新连接在一起以形成有效的rgb值：
$('h1').css('text-shadow', function(){ var rgb = getRGB($(this).css('color')); for(var i = 0; i < rgb.length; i++){ rgb[i] = Math.max(0, rgb[i] - 40); } var newColor = 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ')'; return '0 3px 3px ' + newColor; });
在这里看一个简单的演示： http ： //jsfiddle.net/yijiang/pxqkH/4/
您可以简单地使用减少alpha作为阴影的rgba或hsla值。 考虑到已经有标准的CSS属性允许半透明叠加（这可能是你的影子），解析现有的颜色可能有点过分。
将文本阴影设置为文本本身的颜色，将另一个文本阴影设置为半透明，颜色较深的颜色，两者都略高于原始文本。 半透明的阴影将覆盖克隆的颜色，创造你所追求的效果：
var $h1 = $('h1'); $h1.css('text-shadow', function() { return 'rgba(0,0,0,0.7) 0 -1px, '+$h1.css('color')+' 0 -1px'; });
活在这里小提琴。
注意：我不知道为什么需要首先声明叠加阴影（可能与读取R到L的CSS有关），但似乎是这种情况。
一种方法是获取RGB颜色值，将其转换为HSV – 减小V值，将其转换回RGB然后使用该值。
HSV是不同的颜色空间，其中H值表示色调（颜色），S表示饱和度（丰富度），V表示值（亮度）。 对于较暗的阴影，请减小V.降低V值后，将其转换回RGB。 然后将其设置为新的颜色值。
这是一个描述如何进行RGB到HSV转换的页面： 为什么这个Javascript RGB到HSL代码不起作用？