Animated Color Mixing

[fangart]

I want to be able to have a 3 sliding bars with gradient fills - from white to the 3 primary colors.  I want a circle above them and each time the user moves a line or dot on the gradient bar it changes the color in the circle.  For example, using the yellow gradient bar, the user chooses a bright yellow.  Then, using the Red gradient bar, the user slides the dot or line across the gradient, making the color in the circle turn brighter or darker orange.  Does anybody know how to make this work in Animate?  Thanks!

[ClayUUID · Accepted solution]

Yellow is a primary subtractive color. Red is a primary additive color. The only color wheel that has both red and yellow as primaries is the ancient RYB color model, which doesn't really play well with computers.

You say you want your gradients to run from white up to each pure color, which implies a subtractive color model. That gives you cyan, magenta, and yellow as your primaries, which aren't very aesthetically pleasing. Sure you don't want to go with an additive red, green, blue color mixing model?

[fangart]

I will do whatever works.  I'm learning action script 3 - all of my experience is in graphic art.  I use Illustrator daily, Photoshop a lot - you know.  I use CMYK all of the time because most of my work ends up being printed in one way or another.  I'm having a blast learning this with my 9 & 11 year old daughters (gotta prepare them for what's coming since school doesn't, right?) and we want to make a "game" that mixes colors, like on a paint pallette, using the 3 primary colors. 

I would really appreciate any help and guidance.

I'm getting used to setting things as RGB in Illustrator so that my assets work in Animate but I don't quite understand how the RGB could create, say, orange.

Any advice, suggestions, code snippets, etc. will be greatly appreciated!

Thank you!

[fangart]

Thanks.  I was able to create the color mixer in Xcode using Swift but I'm not sure how to do the same thing using AS3 in Animate CC.  Any ideas?