Awesome Color Picker by EYECON

// August 11th, 2009 // CSS, HTML, Jquery


Awesome Color Picker by EYECON

Awesome Color Picker by “eyecon” which similar like Photoshop Color picker, We can change the color using the pointer or we can write the RGB code or Hex code.

They did have different types of color pickers which we could integrate in our views.

Let’s check it out once.

Features

  • Flat mode – as element in page
  • Powerful controls for color selection
  • Easy to customize the look by changing some images
  • Fits into the viewport

Code

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme.

<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>

Invocation code

All you have to do is to select the elements in a jQuery way and call the plugin.

 $('input').ColorPicker(options);

Options

A hash of parameters. All parameters are optional.

Set color

If you want to set a new color.

$('input').ColorPickerSetColor(color);

The ‘color’ argument is the same format as the option color, string for hex color or hash for RGB and HSB ({r:255, r:0, b:0}).

View Demo Download

Leave a Reply