Nice. This looks similar to the internal tool mentioned in the classic Stripe blog post on designing a color palette (search for "how limited the space is"):<p><a href="https://stripe.com/blog/accessible-color-systems" rel="nofollow">https://stripe.com/blog/accessible-color-systems</a><p><i>edit: I just realized this site links to that Stripe article in the credits section.</i>
>Accessible Perceptual Contrast Algorithm (APCA) by Andrew Somers is a WCAG 3 working draft and may change later.<p>It's too soon to use APCA. Use the current WCAG color contrast algorithm and standards.
I really like this approach, but there are things I don't understand:
* Dragging a color dot outside the color space area continues to update it, making me think the color space isn't properly defined. Shouldn't the color clamp once you go into the grey zone?
* I don't understand how the grid on the left works. What do the numbers across the top mean? How can I adjust a column?
Overall seems very promising!
This is fantastic! One question I have is how I compare two specific colors. I can compare teal-900 to green for example, but I would like to compare specifically green-400: is that possible?