Creating Color Visualizer
How would I create a web application that allows the user to click on a color swatch and then updates a portion of an image with the color of the swatch they chose?
The best example I have would be the paint color visualizer (example: http://www.sherwin-williams.com/do_it_yourself/paint_colors/visualizer/index.jsp)
It would not be as complex as this, but the concept is similar. I don't need a detailed 'how-to', I can't find anything about creating this functionality online. Don't even know what technology to use
Answers (10)
Cool idea! I can either try to figure this out for you or hook you up with someone who could help you.
Since you do not wish a detailed "how to", what are you hoping for exactly?
hi, i think u r looking for online colouring (if i m correct then go to below link i hope this will help u) http://www.agencyfaqs.com/events/afaqs_logo_contest/index.html
regards
Digamber
Links:
Hey, it sounds like Flash might be a good option for you. Check out www.flashden.net - they have a ton of templates which are priced very reasonably. Inparticular you might like this template: http://www.flashden.net/item/choose-your-strongcolorstrong/2354
I also know of a Flash programmer who is a wiz at this type of thing. I have him suggested below.
Donna C. also suggests this expert on this topic:
Have you seen Kuler from adobe? pretty cool webapp. It's not the most easy solution to your problem but still good inspiration
Links:
If you want it to work like the example provided where you drag colors to apply them your best bet is probably Flash.
If you are looking for something more simple (I once worked on a motorcycle website that gave you the choice of three color swatches and when you click or rollover them they change the color of the motorcycle) you can do it with pretty simple Javascript. You need to start with the color swatches and have completed pictures of the objects in the colors you want then it works like a simple image gallery where red swatch = red motorcycle.
Steven L B.
Embedded Systems Engineer at L-3 Communications; (DNA + Genealogy)
Best Answers in: Using LinkedIn (7), Engineering (1), Career Management (1), Web Development (1)
An example of what I think you want is here:
http://www.kbsb.com/bonnells/kathy/FLASH/matt/index.html
This is an OLD site, but the guy who came up with it is
Bill Bonnell
His WEB page is
http://www.webonnell.com/
Links:
- http://www.kbsb.com/bonnells/kathy/FLASH/matt/index.html
- http://www.linkedin.com/profile?viewProfile=&key=5453559
- http://www.webonnell.com/
Steven L B. also suggests this expert on this topic:
Flash does seem like the easiest way to do this, judging from both what you showed and all friendly examples. Don't buy the flash den one, I've uploaded an old version I made you can have it for free and make use of it as you wish.
Links:
May not be exactly what you're looking for but check out ColorBrewer -- http://www.personal.psu.edu/cab38/ColorBrewer/ColorBrewer_intro.html. This is used a lot in cartographic map design. Google Colorbrewer and you'll find more similar references.
Links:
Hi there Christopher,
I just happened to see your question on Linked In about creating a color visualizer and I wanted to let you know that I have personally created three of them, and am doing at least two more right now, using FLASH. Obviously I can offer you some basic advice as you wish, but of course if you are looking to have some one create something for you, and you truly want something amazing, let me know. Just say hi here, or email me directly at richard_yarlett@yahoo.com. You can also check out my website at http://www.cubestudiosinc.com
Richard Yarlett
Creative Director
CUBE STUDIOS Inc
(305) 788 7001
www.cubestudiosinc.com
"Pixel Based Perfection"
