NANY 2019 - Color Mixer

[shinkarom]

https://shinkarom.github.io/colormixer/

Select the first and the second colors of the gradient, then select the mixing percentage, and you've got an intermediate color between the two.

Made in HTML, CSS and JavaScript with the help of the Sakura CSS framework.

Screenshot attached.

[skwire]

Very slick, and quite fun to play around with.   

[Deozaan]

Shouldn't the Mix Percentage go from 0%-100% instead of from 0-255?

[shinkarom]

Maybe you'd prefer -128 to 128?

[ConstanceJill]

Hi .o/

I guess the issue isn't as much about the numbers as it is about the use of the term "Mix percentage".
Maybe a different wording such as maybe "mix proportions", "mix balance" or other that doesn't imply increments of 1/100 would be better

[mouser]

It's be nice to be able to provide the color values for 1st and 2nd color manually (as a #XXXXXX value) if desired.

[shinkarom]

Your wish is my command.
Done.

[DanR]

I like it!

[shinkarom]

I changed the site to use chroma.js instead of handwritten code, which made possible using multiple color spcaes.

[mouser]

Can I request an image added to first post so people can see what it's about before they click (or if the page ever goes offline)?

[shinkarom]

Your wish is my command.
Done.