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...

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?

0 reposts0 likes

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

i also dont have an embeddable version that exists not in the popup… sounds like, for you to adopt this component into that tool you showed (which does control font size and color), you'd like all 3 contrast boundaries drawn as well as an inline render mode yeah?