Adam Argyle @nerdy.dev · Nov 7

a new #CSS <color-input> enters the ring try it codepen.io/argyleink/pe... source github.com/argyleink/cs...

169 likes 9 replies

?

Replies

Atila · Nov 7

you nerdsniped me to learn `oklch` properly today, sir! 🫡 random detail that made me like it even more: > As Ottosson explained, he chose the name Oklab because the model does an OK (adequate) job

Oliver Turner · Nov 7

This is so good… completely intuitive, buttery smooth, characteristically gorgeous UI 😍 Even works on WebKit!

Andri Óskarsson · Nov 7

What was your experience using preact signals for web components?

Hubert Souchaud · Nov 10

Hi Adam, do we really need to re-import color.js just to extract the different color-components (e.g., color lightness) in js? Thank you so much for all your very inspiring work Adam! codepen.io/dmsr/pen/Qwy...

Jonathan Patterson · Nov 7

Is this mainly for CSS use, or design tools too? As designers, we usually pick colors first (H), then adjust saturation, etc. Second question, how would you make a less saturated version of this using the sliders?

Bogdan Chadkin · Nov 7

Beautiful! I even have an idea where to use it.

Cory 🧋 · Nov 7

This seems really cool! What is the size of the script?

Rodrigo Dias · Nov 7

Useful for color pickers. Custom elements simplify it.

Christoph Päper · Nov 7

From a UX perspective, I strongly believe that angular values like hue should be selected with full radial controls. Speaking of which, why do we have no <input type> for that – mouse pointer inaccessibility of spin controls?