当我在Adobe Illustrator中设计事物时,我喜欢挑选一种颜色,然后播放其亮度或饱和度,以使自己具有与“同一家族”相似的颜色。我可以在CSS中更改颜色的单个参数吗?
在CSS中,您可以使用以下类型的值定义颜色:RGB,RGBA,HSL ...既然您可以同时定义所有三个参数,我一直在想很久:有没有办法改变那些单参数?
例如,假设我将三个链接定义为具有非常“漂亮”的颜色#FF0000,#00FF00和#0000FF。是否有可能创建一个单独的CSS规则,可以说“悬停所有链接,不管它们的颜色,将亮度/亮度降低10%”?
我非常想用RGBA颜色的alpha参数来做同样的事情。我知道唯一不分青红皂白地影响所有颜色的这种一般方式就是不透明属性,但如果我只想影响背景就会变成问题。
这样的事情(只影响H,S或L)听起来相当直接:如果你可以重新定义整个颜色,你不能只是再次采用相同的颜色并改变它的一个值吗?但问题是:有人想过实际上有办法做到这一点?
CSS本身不能做到,但SASS和其他一些CSS预处理器可以。 http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#lighten-instance_method – 2013-04-22 04:39:48
^为什么这不是一个答案?它似乎比下面的任何内容都更加充实,更简洁。 – Ariane 2013-04-22 05:19:07