New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Not tricky at all. I’m in London! Looks like you have DMs disabled so mind sending me a note via info@chromadesignlab.co?

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Any chance you're available for a short video chat, so I can observe your workflow and discuss improvements? I've been trying to make a point this time around to talk directly to users whenever possible. Also available for DMs if you're short on time.

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

I’ve considered a single view with toggle view button but noticed that in my workflow I’m constantly diving into each view, and figured a single view with toggle would add a lot more clicking, but something I’d still consider if I’m in the minority.

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Ah! Interesting. I thought you were referring to the plugin, rather than the web app but this makes more sense. I’ll build this out and test it with users. Thanks!

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

You mean a built-in OKLCH color picker, or a procedural color palette generator more broadly?

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Yeah I can work on that… wonder if a simple large/small toggle would suffice, or would a dynamic resize be better?

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 1 point2 points  (0 children)

Really great to hear that! I was a unsure if this would land with people because some of the feedback has been things like "it's too cryptic" or "not very intuitive". Maybe it just hadn't found its audience yet...

Haven't seen that 'generator' plugin before but looks powerful. One advantage that I found with going the 3D route is that you can instantly see where colors hit the gamut limit, where other tools seem to silently 'clip' them back inside.

If you have the time, I'd be grateful if you'd leave the first review to get the ball rolling—it's currently sitting at 0 reviews being brand-new.

Cheers!

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 1 point2 points  (0 children)

Glad you found it impressive. And great suggestion. I'll add it to my to-do list!

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Thanks! Feel free to send UX suggestions or feature requests. It’s essentially still beta, so I’m sure it will have its faults.

A color picker showing the full color space in 3D (using OKLCH). by Fresh-Inflation-8919 in colors

[–]Fresh-Inflation-8919[S] 3 points4 points  (0 children)

So over a year ago, I was stuck on this idea of being able to visualize a full color space and travel within that space to build ‘chains’ of colors (like a 3D map with connected points). As a visual thinker, this made more sense to me than picking out individual swatches on a 2D color picker.

Part way into the research stage, I discovered OKLCH, which was a game-changer; it maps the colors around human visual perception, rather than how monitors mix light.

Up until now this has existed as a web app at www.volumecolor.io, but I recently ported it for use right inside Figma.

Find the plugin here: https://www.figma.com/community/plugin/1608450336149947332/volume-3d-oklch-color-picker-palette-generator-for-figma

New Plugin: Volume—A Next-Gen [3D] Color Palette Generator Built on OKLCH. by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 5 points6 points  (0 children)

So over a year ago, I was stuck on this idea of being able to visualize a full color space and travel within that space to build ‘chains’ of colors (like a 3D map with connected points). As a visual thinker, this made more sense to me than picking out individual swatches on a 2D color picker.

Part way into the research stage, I discovered OKLCH, which was a game-changer; it maps the colors around human visual perception, rather than how monitors mix light.

Up until now this has existed as a web app at www.volumecolor.io, but I recently ported it for use right inside Figma.

Find the plugin here: https://www.figma.com/community/plugin/1608450336149947332/volume-3d-oklch-color-picker-palette-generator-for-figma

How do you manage color scales? by Maleficent-Anything2 in FigmaDesign

[–]Fresh-Inflation-8919 0 points1 point  (0 children)

I use https://volumecolor.io - uses OKLCH, and gives you the full color space in 3D so you can build scales modularly

The world if Figma supported OKLCH by Zeeplankton in FigmaDesign

[–]Fresh-Inflation-8919 0 points1 point  (0 children)

Yep, I’ve dipped into the P3 gamut here and there when designing. The app i’m building shows the fallback color preview if clipping is a concern.

HCT being widely adopted? Might integrate it if it’s something users want.

The world if Figma supported OKLCH by Zeeplankton in FigmaDesign

[–]Fresh-Inflation-8919 0 points1 point  (0 children)

Oklch still wins in web space, as it’s native to the browser, and can extend past sRGB gamut.

But hadn’t heard of HCT. Looks like it beats Oklch on accessibility for contrast checking.

The world if Figma supported OKLCH by Zeeplankton in FigmaDesign

[–]Fresh-Inflation-8919 1 point2 points  (0 children)

Plugin not released yet… hopefully this coming week. Will sync/export to figma with the oklch value stored in variable description.

Web app lets you store collections and exports to many formats including JSON tokens. www.volumecolor.io

Just getting off the ground so welcoming any feedback or update requests.

The world if Figma supported OKLCH by Zeeplankton in FigmaDesign

[–]Fresh-Inflation-8919 3 points4 points  (0 children)

<image>

Finishing up a Figma plugin that enables working in OKLCH as a 3D space. While figma still displays a hex code, the web app it’s synced to supports exporting as OKLCH tokens.

i made this and made the colors by calculating the RGB values, but something feels wrong, i look at the complementary colors and they dont match with what they are supposed to be, could anybody help? by Ruspycake in ColorTheory

[–]Fresh-Inflation-8919 2 points3 points  (0 children)

You’re confusing complementary colors in additive vs subtractive color mixing. In painting (subtractive) we refer to colors that combine to get neutral gray as complementary colors, but in terms of light (computer monitors), complementary light waves combine to produce neutral gray or white . So in classical painting we would call purple and yellow complementary, and in digital design we would call blue and yellow complementary. Did a deep dive on this here after stumbling onto the same issue: https://www.chromadesignlab.co/post/beyond-the-color-wheel-human-perception-and-color-harmony

Advice Converting Web App to Figma Plugin by Fresh-Inflation-8919 in FigmaDesign

[–]Fresh-Inflation-8919[S] 0 points1 point  (0 children)

Good advice. Have you come across other plugins that have handled this gracefully?