Material Color Picker Plus


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


Version 1.0.0 – 2017-07-10

## [Version 1.0.0] - 2017-07-10
- Initial Release

Leave a Reply

Your email address will not be published.