Overview:
Material Color Picker is a jQuery plugin that lets you get the color picker used by the Android operating system, inspired by Google Material Design, fully responsive and mobile ready.
Color Pickers provide a simple way to select a single color value from a pre-determined set.
Full list of features:
- Ready to use with Bootstrap 3.x
- Material Design
- Fully customizable
- Custom colors
- 10+ Color format: rgb | rgba | hex | hexa | hsl | hsla | hsv | hsb | hwb | cmyk
- Parsing alpha channel/transparency
- Color Picker appearance: width | height | swatch diameter | columns
- Color Picker Title
- Custom footer button bar with custom callback actions
- Two display modes: normal | modal
- Different placement options: bottom-left | bottom-right | top-left | top-right
- Delay open and close timers
-
Custom options to close the color picker, like:
- Close when selecting a color
- Close when pressing the ESC key
- Close when clicking outside of it
-
Callbacks to trigger custom actions
- Callback function when initializing
- Callback function when opening
- Callback function when selecting a color
- Callback function when closing
- Callback function when canceling
- A full online documentation with a up to 20+ usage examples
- A basic example file included in the package
- Set options using data-* attributes
- HTML5/CSS3/jQuery
- Mobile friendly
- Source files and distribution files ready to use in your project
-
External files:
- Roboto Font, by Google Fonts
- Material Icons Font, by Google Fonts
- jQuery