Collection
Post cover

Best 15 jQuery Color Pickers

Collection of free jQuery color picker code examples and plugins. Video, random, background color pickers.

Post cover

ColorsPicker

Amazing colors picker using HTML | CSS | JQuery

Author: Armin Mehraeen

Links: GitHub

Made with: CSS (40.4%), HTML (36.3%), JavaScript (23.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2 1 0

Color Picker

Author: Oleg Frolov

Links: demo and code

Made with: HTML (Pug) / CSS (Stylus) / JS (CoffeeScript)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Color Picker Web App Design

Author: Anthony DAlessio

Links: demo and code

Made with: HTML / CSS / JS

Simple color picking web app in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Color Picker

Author: Dmitri Voronianski

Links: demo and code

Made with: HTML / CSS / JS

Easy color picker with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Post cover

Very Simple jQuery Color Picker

Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

Author: tkrotoff (Tanguy Krotoff)

Links: GitHub, Website

Made with: HTML (73.2%), JavaScript (18.9%), CSS (7.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
391 26 92
Post cover

Colpick Color Picker

Lightweight jQuery Color Picker plugin with RGB, HSB and HEX fields, several skins and layouts.

Author: josedvq (Jose Vargas)

Links: GitHub

Made with: JavaScript (70.3%), CSS (29.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
305 19 100
Post cover

Pick-a-Color: A jQuery Color Picker For Twitter Bootstrap

There are some great color picker plugins out there, but most cater to the needs of techies and designers, providing complicated controls to access every color imaginable.

Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.

Author: Lauren

Links: GitHub, Website

Made with: JavaScript (84.5%), CSS (15.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
269 23 94
Post cover

TinyColorPicker and Colors

Looking for mobile first, tiny foot print, fast, scaleable, flexible, pluggable and a rich color model. Tiny jQuery color picker for mobile and desktop with alpha channel.

Author: PitPik (Peter Dematté)

Links: GitHub, Website

Made with: JavaScript (69.3%), CSS (18.7%), HTML (12.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
279 18 81
Post cover

Really Simple Color Picker

This is a very minimal, yet Simple color picker based on jQuery.

Author: laktek (Lakshan Perera)

Links: GitHub, Website

Made with: JavaScript (72.5%), HTML (22.6%), CSS (4.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
178 11 66
Post cover

JQuery Palette Color Picker

JS component to pick colors from a predefined/restricted palette.

Author: Carlos Cabo

Links: GitHub

Made with: JavaScript (54.3%), HTML (27.7%), CSS (18.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
96 7 38
Post cover

Small Color Picker

SmallColorPicker is a tiny jQuery color picker. Also the project includes buttons styles for color selection.

Author: antelle

Links: GitHub, Website

Made with: JavaScript (88.1%), CSS (8.9%), HTML (3.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
19 3 5
Post cover

ColorPick.js

ColorPick.js is a simple and minimal jQuery color picker plugin for the modern web.

Author: zetegy (Phil Zet)

Links: GitHub, Website

Made with: JavaScript (71.6%), CSS (28.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
48 3 29
Post cover

Video Color Picker

A tool to pick up the Color Value within any frame from a HTML5 Video. Support both Vue.js and jQuery.

Noticed that your video resource host need to allow CORS, otherwise you cannot use getPixelColor on your canvas, and the project won't work.

Author: wendychengc

Links: GitHub

Made with: Vue (52.7%), JavaScript (47.3%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
5 1 1
Post cover

Colpick RemiX

Photoshop-like jQuery color picker plugin with various skins and layouts, touch, and responsive.

Author: devpelux (Salvatore Peluso)

Links: GitHub, Website

Made with: JavaScript (52.3%), CSS (47.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
8 1 3
Post cover

Colorpickle

Colorpickle is a free color picker plugin for jQuery. While the support for color input type is getting better all the time, not all browsers support it and most native browser and OS color pickers are pretty crappy. Colorpickle to the rescue!

Author: hphaavikko (Hape Haavikko)

Links: GitHub

Made with: JavaScript (80.4%), CSS (19.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
4 0 2

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback