- From: Pete Boere <pete@the-echoplex.net>
- Date: Sat, 21 Jan 2012 09:56:19 +0000
- To: www-style@w3.org
Received on Saturday, 21 January 2012 09:56:53 UTC
Are there any plans to implement color 'tweaking' functions in css?
I've used the following syntax in a preprocessor to good effect:
h-adjust( red 10% ) => rotate hue 10%
s-adjust( hotpink -100% ) => desaturate
l-adjust( #f00 15% ) => lighten 10%
a-adjust( rgb(0,0,255) -10% ) => reduce opacity 10%
In SASS and LESS:
lighten()
darken()
saturate()
desaturate()
spin()
fade()
It 's very useful when creating gradients:
linear-gradient( top, green, l-adjust( green 10% ) )
Or, for situations when you want to maintain a branded color palette but
increase contrast:
.regular-link {
color: l-adjust( $( coca-cola-red ) -10% )
}
--
Pete Boere
Web Developer
Received on Saturday, 21 January 2012 09:56:53 UTC