Post

Try the latest <color-input> concept: ⚓️ anchor() progressive enhancement 🤖 workers for color compute 🙈 new animations & interactions 🎨 gamut boundaries, mapping, stretching ☯️ contrast scores & much more nerdy.dev/rfc-latest-c...

13 reposts87 likes

I had them on there for a little bit! But removed them in favor of the values and info at the bottom right (new), since the lines felt like clutter and only represented one But maybe!? Make a case about something I missed?

well, one thing is you almost never want to measure against white or black, and for WCAG there's three lines you might want to be aware of with one (the lightest one) being the relevant one (small, large text or non-text, AA or AAA) and the other ones being informative.

i'm not going to add UI so you can specify a color to contrast against, or UI so you can set a font size… sounds like another tools job to me

Great looking work 🚀❤️! This is getting better and better 👏. One recommendation: for certain use cases you only need the "color-picker" part, without button+modal. So I think having an additional color-picker component that just renders the modal content of color-input could be super useful 🙂.