4 ms·

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 thin

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!

tshaddox 5y ago
It looks like the shaded area marks colors that are representable in the color space of that chart (CIELCh or OKLch) but not representable in sRGB (which is the color space used by the rgb and hsl functions in CSS). I think it makes sense to allow experimenting with dragging colors into the shaded area, because you still get to see how that effects the shaded area in the charts for the other axes. I would also love this tool to support color spaces from the CSS Color Module Level 4, like display-p3, but I don't think the underlying chroma.js library supports those yet.