The Spectrum No Hassle jQuery Colorpicker

I wasn't satisfied with the solutions available for colorpicking. Many of them included a ton of images, were hard to skin or customize, or were very large plugins.

Just include the needed CSS and JavaScript files, and you are ready to go!

We don't need no stinkin' images!
Nobody wants to add a bunch of code into their project. Spectrum is contained in two files, and both are careful not to mess with your existing code.

I wanted an option for the most basic use case, a polyfill for the input[type=color] HTML5 control. This mode needs to work without JavaScript enabled - and fallback to an input[type=text] like other HTML5 inputs.

If you don't want this behavior to happen, but still want to use spectrum elsewhere on the page, you can set $.fn.spectrum.load = false; right after loading the script file.

Just because you don't have to change anything to get it to work, doesn't mean you can't! It is easy to skin and customize the plugin with CSS, and there are a wide range of modes and options to explore.

Along with desktop browser support, I wanted a mobile colorpicker that was touch friendly, worked in iOS and Android, and used standards that maximize future mobile support.

General

Price: Free
Snap Builder Dec 27, 2014 1016 Views

Reviews

Guest

Overall Rating:

Comments

No comments have been left here yet.

Safety

captchaPlease input letters you see on the image.
Click on image to redraw.

Directory Categories

Ajax (13)
ASP (11)
CFML (22)
CSS (44)
Flash (2)
HTML5 (31)
Java (7)
JavaScript (24)
jQuery (111)
PHP (157)
Plugins (44)

Sponsored Listings

Initializr HTML5 Templates Generator

http://www.initializr.com/

Initializr is an HTML5 templates generator to help you getting started with a...

Translate To:

Latest Comments

This is an excellent resource!

on Oct 4, 2015
about HTML5 UP! Responsive HTML5 and CSS3 Site Templates

Recent Reviews

Dec 4, 2023
Snap Builder

Dec 4, 2023
Awesome Images

Dec 7, 2021
Contact Us plugin

Sep 4, 2021
Images Uploads via API Script

Aug 11, 2019
Free Code Camp
Snap Builder Webmaster Resource Directory