- Overview
- Documents
jQuery Hex Colorpicker is a simple color picker that allows discrete (as opposed to analog) RGB hex color values to be visually selected and entered into a designated input field.
Source: booneputney.com
Aug 07, 2014 in Others 3905 views
jQuery Hex Colorpicker is a simple color picker that allows discrete (as opposed to analog) RGB hex color values to be visually selected and entered into a designated input field.
Source: booneputney.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href="../src/jquery-hex-colorpicker.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> <script src="../src/jquery-hex-colorpicker.js"></script>
2. HTML
<input type="text" id="color-picker1"/>
3. JAVASCRIPT
jQuery(function(){ jQuery("#color-picker1").hexColorPicker(); });
4. OPTIONS
jQuery(".color-picker").hexColorPicker({ "container":"dialog", "colorModel":"hsv", "pickerWidth":300, "size":7, "style":"hex", });
Tagged with:
hex colorpicker
color picker
hex color
visually selected
input field
colorpicker
rgb hex color
hex picker
Related Articles