Home

Color picker.

colorpicker.js
<div id="colorPicker"></div> <div> Click to pick. </div> <script> new ColorPicker({ el: 'colorPicker', imageUrl: 'images/pexels-photo-220320.jpeg', historySize: 16, maxWidth: 200, maxHeight: 150, persistenceId: 'examples.colorPicker', onSelect: function( hex ) { document.getElementById( 'colorPicker' ).setAttribute( 'style', 'border: 5px solid ' + hex ); } }); </script>
Click to pick.