search

color-js / color.js

Color conversion & manipulation library by the editors of the CSS Color specifications
https://colorjs.io
MIT License
1.87k stars 82 forks source link

Supported Color Spaces diagram is terribly out of date and is missing several color spaces #295

Open gmcusaro opened 1 year ago

gmcusaro commented 1 year ago

In Supported Color Spaces the space Lab D65 is missing in the diagram.

svgeesus commented 1 year ago

Assingning @LeaVerou as she made the original diagram

LeaVerou commented 3 months ago

I took a stab at using MermaidJS to generate the diagram automatically, but it looks quite ugly: https://codepen.io/leaverou/pen/xxNEqXX

Someone on Mastodon suggested the Mindmap type will produce better results: https://front-end.social/@byjp@hachyderm.io/112500397685069990

And someone on Twitter suggested I try D2 which seems to be more customizable and has a more reasonable syntax: https://play.d2lang.com/?script=qlDQtVOo5AIEAAD__w%3D%3D&

facelessuser commented 3 months ago

I use Mermaid to create a color space mapping, you can control the output more than you think: https://facelessuser.github.io/coloraide/colors/#color-space-map.

With that said, using something else is fine too.

LeaVerou commented 3 months ago

I use Mermaid to create a color space mapping, you can control the output more than you think: facelessuser.github.io/coloraide/colors/#color-space-map.

With that said, using something else is fine too.

That looks better but still not great, it's way too spread out. How did you get it to draw some nodes above and some below?

facelessuser commented 3 months ago

You can't explicitly control what distance a block is from another, but you can control the direction in a positive or negative way. See the source.

https://github.com/facelessuser/coloraide/blob/main/docs/src/markdown/colors/index.md#color-space-map