Re: CSS3 lighten/darken suggestion

what about breaking out the components?

Saturation, brightness, and opacity. are generally the components I
care about. Not sure about hue, but why limit?

It's be useful for transitions.

a {
  color: blue;
}

a:hover{
  color-split: (hue: 100%, saturation: 30%, brightness: 100%);
  transition: 1s color-split;

On 2/24/14, Simon Sapin <simon.sapin@exyr.org> wrote:
> On 24/02/2014 16:13, Dub wrote:
>> Hello,
>>
>> I am wondering if this has ever been brought up before now that we have
>> calc and such in the mix what are peoples thoughts on perhaps RGB/HEX
>> functions such as
>>
>> lighten(#000000, 20%);
>>
>> darken(#ffffff, 30%);
>>
>> Thoughts?
>
> Hi,
>
> We have a proposal for this in CSS Color 4:
>
> http://dev.w3.org/csswg/css-color-4/#modifying-colors
> http://dev.w3.org/csswg/css-color-4/#tint-shade-adjusters
>
> The syntax for your examples would be:
>
>    color(#000000 tint(20%))
>    color(#ffffff shade(30%))
>
> Feel free to send feedback on this here.
>
> --
> Simon Sapin
>
>


-- 
Garrett
@xkit
ChordCycles.com
garretts.github.io

Received on Wednesday, 26 February 2014 16:57:09 UTC