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

Question

rgba（255， 0， 0， 1）;

RGBA（0， 255， 0， 1）;//刚刚变成红绿色

你会如何转动 rgba（154， 155， 235）;（浅紫蓝色）变成相同的颜色只有橙色？

Answer 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%)

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

有关示例，请参阅 http://jsfiddle.net/a7pGB/