- 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 4164 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
JS Tutorial