Get new jQuery plugins just once a week

×

Farbtastic

August 20, 2012

Farbtastic | jquery Color Picker

Farbtastic is a jQuery plugin that can add color picker widgets into a page.Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.
Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. No Flash, no pixel sized divs.
The color picker is a block-level element and is 195×195 pixels large. You can control the position by styling your placeholder (e.g. floating it).
Note that the black/white gradients inside wheel.png and mask.png were generated programmatically and cannot be recreated easily in an image editing program.
Created by Steven Wittens

Download

Example

farbtastic

Farbtastic is a jQuery plugin that can add color picker widgets into a page

Farbtastic

Related posts:

Google Chart
Leapcha
circliful
farbtastic

http://jquer.in/wp-content/uploads/2012/07/farbtastic.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever