你如何将一种颜色变成另一种颜色?

时间:2012-10-14 18:36:45

标签: css styles

rgba(255,0,0,1); //红色

rgba(0,255,0,1); //刚刚变成红绿色

你如何转向rgba(154,155,235); (浅紫蓝色)成相同颜色的只有橙色?

1 个答案:

答案 0 :(得分:1)

你的问题很混乱(同样,你在上一个例子中也误用了rgba,但你在其他地方正确使用它,这可能只是一个疏忽)但我假设你想要保持颜色的亮度和饱和度并修改色调。为此,请使用hsl代替

hsl(239, 67%, 76%)

等同于

rgb(154, 155, 235)

因此,通过使用hsl,您现在可以更改色调

hsl(239, 67%, 76%)

hsl(14, 67%, 76%)

hsl(167, 67%, 76%)

hsl(0, 67%, 76%)

您可以在使用普通十六进制颜色或hsl颜色的任何地方使用rgba

请参阅http://jsfiddle.net/a7pGB/以获取示例