Best Period Picker

colpick Color Picker version 2.0.2

102

Simple lightweight Photoshop-like color picker, now with touch support

$('#picker').colpick({
    layout:'hex',
    submit:0,
    colorScheme:'dark',
    onChange:function(hsb,hex,rgb,el,bySetColor) {
        $(el).css('border-color','#'+hex);
        // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
        if(!bySetColor) $(el).val(hex);
    }
    }).keyup(function(){
        $(this).colpickSetColor(this.value);
    });

Tags



Changelog

18 Mar 2014 version 2.0.2
23 Feb 2014 version 2.0.1
  • Fixed manifest
  • Update major version Had to do it because I changed the names of the auxiliary color conversion functions to match the ones in the docs (they were incorrect). The rest of the API remains the same.
  • Added touch events to enable dragging of selector Added touchstart, touchmove and touchend events to the hue bar and round selectors, using the same mouse handlers.
  • Removed lines which were there by mistake They were wrecking the hue bar in jQuery > 1.10.2 and Chrome. Also updated the auxiliary convertion functions to add a namespace and match the documented ones. I'll have to update major version because of it.
21 Jan 2014 version 1.2.1
  • Fixed onChange callbacks The element on which colpick() is called is returned to the onChange callback. This allows easily making changes to it from within the callback when colpick() has been called on multiple elements at once.
  • Updated version Minor bug fixes
  • Removed unnecesary rounding It was causing the values to resulting RGB values to be innacurate.
  • Merge pull request #2 from shprink/stopPropagation adding stopPropagation to show function to prevent the trigger of any direct parent
  • Merge pull request #6 from ardok/master Add semi-colon in the end. Without it, js files concatenation will fail
05 Sep 2013 version 1.2.0
  • Deleted unnecessary file
  • Version number fixed
  • Manifest updated
  • All images replaced by CSS Arrows , backgrounds, and selector replaced by pure CSS. JS adds elements to build the hue selector for IE.
  • Update README.md
02 Sep 2013 version 1.0.1
26 Aug 2013 version 1.0.0

    Similar plugins

    jQuery Etherpad

    jQuery plugin for embedding Etherpad

    Usage & Examples

    Include jQuery.js,

    ...

    imgcolr grabs image color

    imgcolr is a plugin for grabbing the dominant color of a given image's borders. By using it, you...

    Pick-a-Color

    an easy-to-use jQuery color picker for Twitter Bootstrap.

    jquery-timepicker

    A jQuery timepicker plugin inspired by Google Calendar. It supports both mouse and keyboard...

    Iris Color Picker

    A(n awesome) Color Picker. Used by WordPress.

    SmallColorPicker

    Minimalistic jQuery color picker with color wheel and numeric input modes.

    jQuery Position Picker

    A jQuery plugin that creates a location picker on your webpage with a simple input form. It uses...

    Zabuto Calendar

    jQuery plugin for Bootstrap to add a month calendar to your page.

    jQuery PickSlide

    Another HSL(A) / RGB(A) Colorpicker jQuery Plugin

    Spectrum Colorpicker

    The No Hassle jQuery Colorpicker

    jQuery Color

    jQuery plugin for color manipulation and animation support.

    Input Color Shifter

    inputColorShift is a jQuery plugin for dynamically adding a character counter and a...

    Selector-Query

    A jQuery plugin that adds selector classes to elements depending on its width. Think of media...

    Shadow UI

    Create Shadow DOM based UI components, such as dropdowns, modals, popups, tooltips, blobs, etc.

    jQuery Colorwheel

    Resizable and scalable color wheel (color chooser) plugin for jQuery.

    jQuery Colorselector

    A color picker that allows users to pick a color from a set of predefined colors.

    jQuery ITS2.0 Parser

    JQuery selector plugin for the International Tag Standard 2.0 (ITS 2.0). Adds selectors to get...

    Beacon

    A jQuery plugin to watch when elements scroll into view.

    Chameleon

    Easy get and use colors from image.

    PhotoJShop

    A JavaScript library for photo editing using the canvas, aiming to reproduce most usual filters.
    good