Color Mixing Flex Application
Posted: April 9th, 2009 | Author: John del Rosario | Filed under: Experiments | Tags: AIR, App, Experiments, Flex | 9 Comments »
I’ve always found the color mixer found in the very nice Color Schemer Studio to be very useful. I’ve only used the trial, and it’s been hard living without it. So, I decided to create my own app. I’ve only made the color mixing part of the program, as it is the only feature I ever use, and anything more would only complicate things too much (this is my first Flex app).
Right now, you can choose a color from the color picker, enter a Hex value, RGB values, and HSV values. Changing one will affect the others, real-time. There’s also a button to copy the Hex value into your clipboard, for convenience.
It’s still not finished though. I’m planning on adding an eyedrop tool to pick colors from the desktop. I still need to figure out how to do that, probably only possible through AIR. And I’m having trouble customizing the sliders to have a gradient background, like in the Color Schemer Studio program, to better visualize what color you are going to get when moving the sliders. I also plan on publishing this as AIR app, to make it even more convenient. And once I get the hang of Flex, I’ll make it pretty, like all the other Flex apps out there.
Enough babbling, here is the application itself. If you have any suggestions or discover any bugs, please comment. Note though, that this is very unfinished. Right now all it has is core functionality. I haven’t even thought about the interface yet. Need to read up on customizing components first.
UPDATE: I’ve updated the app. It’s pretty much done at this point, as I am satisfied with it. But if anyone has any suggestions, I am still open. Links updated.
I really enjoyed reading this post, keep up writing such exciting posts!!
hello
can you please tell me how the red,green,blue values we will from when the color picker selected
can you suggest me how?
thank you
tingo
@tingo, not sure what you mean, but the color picker control in Flex has a property
selectedColor, which returns the, well, selected color of the picker.Hi,
You have made a very nice color mixer,i appreciate your work.can you please share the source code or explain how gradients are applied on the boxes.
Hi john,
A wonderful post please continue with your work.I like the gradients you filled in the box,could you please show me the way how we can fill the colors in gradient box depending on HSV and RGB values.Suggestions will be appreciated.You have done a good work
Thanks! The gradient slider is a custom component. It was built in Flex 3. I haven’t opened Flex in a very long while, so I’ll just put up the code of the component. Let me know what you use it on, and it would be cool if you could credit me.
GradientSlider.zip
Hi john,
Thanks for the help .it is indeed a beautiful piece of work.I am working on application to customize a T-shirt(change background color of canvas more precisely) based on selection of colors.this will certainly help me a lot,good work.
Hi,
I just wanted to know on what basis do you apply colors to the box.What color and how do you decided colors to be provided to the gradient box?..the customization is good.
Ah crap. It seems the files I have backed up are out of date. Just opened the swf and the gradient backgrounds are not working correctly. Sorry man.
I’ll try and make a proper gradient component, but that’s gonna take a while. For the meantime, here’s the full source. Hope it helps. You need at least Flex Builder 3 to build it.