Ancestors

Toot

Written by Adam Argyle on 2024-12-23 at 19:17

[#]CSS color

what's the difference between adjusting lightness, adding white, and adding black?

feel it out, here in this Codepen

column

1: from color to 100% lightness

2: from color to white

3. from color to black

4. from color to 0% lightness

https://codepen.io/argyleink/pen/GgKWJKw

=> More informations about this toot | More toots from argyleink@front-end.social

Descendants

Written by Oddbjørn Øvernes on 2024-12-23 at 23:15

@argyleink The mix-solution gets rid of chroma "for free", but you don't control the curve! Relatedly, I wish you could do stuff like calc(sin(l * pi) * c) in rcs, but this crashes the browser😅. However it works fine if "l" is replaced with an external var(--l) 🤷

(example: https://codepen.io/Oddbj-rn-vernes/pen/LYwrYgr )

=> More informations about this toot | More toots from oddvernes@front-end.social

Written by Adam Argyle on 2024-12-24 at 00:58

@oddvernes > The mix-solution gets rid of chroma "for free", but you don't control the curve!

exactly!

crashes the browser

i'll log a bug!

=> More informations about this toot | More toots from argyleink@front-end.social