W3C home > Mailing lists > Public > www-style@w3.org > February 2014

Re: CSS3 lighten/darken suggestion

From: Garrett Smith <dhtmlkitchen@gmail.com>
Date: Wed, 26 Feb 2014 08:56:41 -0800
Message-ID: <CABZUbM1=ucAgJsZh0yavuR6BmkR10xvfKza0Md8thru26EX1qA@mail.gmail.com>
To: Simon Sapin <simon.sapin@exyr.org>
Cc: www-style@w3.org
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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:19 UTC