Colours

Touch friendly color picker for people. For tasks where users do not want to select exactly #26466D color,

but just want to find similar color to pick. Do not make them think!

Github repository and documentation (github as well btw)

Background color

Desktop color

<div id="control1">Background color</div> <div class="colours" disabled>Desktop color</div> <input class="colours" name="laptop_color" data-caption="Laptop color" value="#ddff00" disabled/>

var flat_palette = [ "#1abc9c", "#2ecc71", "#3498db", ... ]; $('#control1').colours({ palette: palette1, color: '#95a5a6', onColorChange: function(color) { $('body').css('background-color', color); } });

Small size, mobile friendly, simple, autobindings, additional "bootstrap 3 like" flat styles

to use with your 'modern' website.

Text color

$('#control2').colours({ palette: flat_palette, color: '#333333', width: 200, show_field: true, palette_size: 26, palette_row_count: 8, onColorChange: function(color) { $('body').css('color', color); } });

Callbacks and helpers to save your day

Yet another picker

#95a5a6

$('#control3').colours({ palette: flat_palette, color: '#95a5a6', onColorChange: function(color) { $('#example') .text(color) .css('background-color', color); }, onPaletteOver: function(color) { $('#example').css('background-color', color); }, onPaletteOut: function(color) { $('#example').css('background-color', this.color); } });

Once again: Github repository and documentation

Alex Shteinikov, 2013, shteinikov.com