We Just Re-Launched!

To Serve the Webgrrls community better we have been working hard on building new tools. We're in beta and would love to get your feedback. Let us know if you love the features and/or if something is not working

SPONSORED SITES

DigitalWoman.com
Need technology solutions? Join DigitalWoman on the IT fast track...websites, databases, programming, marketing, and more

Femina
Sites For, By, and About Women

TrainerNYC
Become Fit - Ask TrainerNYC!


Insights, Information & Infinite Inspiration...
Welcome to Webgrrls Wisdom, a blog to find commentaries about women's careers, business, technology, and the industry.

DHTML Color Picker tool for your website

written by Nelly Yusupova
Nelly Yusupova
Topics: Software, Tech Tools, Technology, Usability
Veiw all posts written by Nelly
Follow Nelly on Twitter

I came across a really cool DHTML color picker tool that you can implement on your website for FREE.

What does it do and Why do you need this tool?

The color picker allows your users to select the color of their choice and “saves” that color in a form text field. Your application can then take the color value and save it to a database.

There are many uses for this tool. If you are in retail and want to offer customized colors of your products to your customers, you can use this tool to get the customer’s exact color choice. It can be anything….custom color shoes, paint, cars, paper…and the list goes on.

Why am I recommending this tool? It is very intuitive and VERY easy to use and works in all browsers that I’ve tested.

How does it work?


You set up a field with a text box. To the right of your text box, you can place an icon and/or text instructing the user to click on the image to pick a color (see example below). As soon as the user clicks on the image, a pop-up window will show up and will allow the user to pick the color. Once the user clicks the “x” at the bottom of the pop-up window, the window will close, and the color value chosen by the user will show up in the text box.

color picker

How to implement this tool on your website

Go to colorlovers.com website for instructions.


Related posts:

  1. Tips on Increasing Website Visitor Conversion Rates using Google Website Optimizer
  2. Rollover RSS Button Maker Tool
  3. Color Tools – Choosing & Mixing Colors
  4. 69 Tools to Monitor, Measure, and Track Your Website
  5. Convert any image to a vector image in under 3 minutes

Did you enjoy this post? Comments (0)

Comments »

No comments yet.

Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

© 1995 - 2013 Webgrrls International, Inc. All Rights Reserved.