Very playful and focused. The only issue I have is with the preview image.

The image shows islands of colors isolated by big white space. Most color combinations look good in this context. When two colored shapes touch each others, then things get tricky. Eyes can pick out subtle lightning clues, like darker colors moving toward purplish hues.

Maybe add another image that shows overlapping colored shapes?

While I acept the significance of complementary colors, the significance of triadic, split complementary, analogous and split complementary is open to debate. One issue is that almost all discussion of co called Colour harmony is around hue. Yet no hue exists without a lightness and saturation value, which have their own impact upon the aesthetic design.

More broadly, Colour harmony is something of a bogus science, with its roots in the very beginnings of Colour science. Newton himself added an seventh Colour to his hue wheel just So that Colour would be anagous to musical scale. It didn’t stop there... Goethe, Itten and Kandinsky all followed suite. All claimed that Colour could be subject to high-order ‘good contrast’ known as harmony. As an art student, this bogus thinking was nothing but damaging, and took me years to shake off.

Looks pretty cool!

I was delighted to see that the page loaded almost instantly, and the transitions, spring animations, all work super smoothly ! I’m usually frustrated with Material Design components because they « feel » slow for some reason, but this implementation works perfectly.

Interesting idea @longsangstan--I played around with it for a while and liked how the colors would change on reload or palette click. I often muck around with colors using the Chrome debug tools, but it would be interesting to have something like this pop up as a dev plug-in with assignable sections/classes/ids so I could tweak things on the fly and o/p CSS--if that doesn't exist already.

Unfortunately if the window height is much less than about 900px, or if I zoom in, the controls overlap the gradient-wrapper (and some of the image).

This gave me immediate nostalgia for the NES game "Color a Dinosaur" -- thanks for the little trip down memory lane!

Look like it doesn't work on Safari (or at least Safari Version 13.0 (15608.1.37) on Catalina). The buttons are below the viewport and I can't scroll to them. It worked fine in Chrome.

Another cool webapp is Coolors https://coolors.co/app

I use it a lot when I need to pick colors for a project.

Fun, but I couldn't figure out how to select a color (left-most bottom-menu icon) and have it transfer over to the play area (middle icon).

What does it mean when a public github project has no LICENSE file?

Am I only legally allowed to view* the source code, but can't download and run it locally? Or can I run it locally, but not publish it publicly?

* The source for the app doesn't have a License file as of dae0f0f: https://github.com/longsangstan/color-app

Feels like I am 5 years old again!

This is hosted on a hk domain. Is this definitively not a coded message of some sort ?

Pretty