Logo by @reallinfo

Bootstrap Colorpicker

Bootstrap Colorpicker is a simple and customizable colorpicker component for jQuery, which is also compatible with Twitter Bootstrap.

Build Status npm npm@next Slack Backers Sponsors Donate

NOTE that this documentation refers to the next major version of the project, living in the master branch.
Previous documentation can be found here: v2.5.2.


You can get the latest version in many different ways:

  • Downloading a ZIP file from the releases
  • Cloning using Git: git clone https://github.com/farbelous/bootstrap-colorpicker.git
  • Installing via NPM: npm install bootstrap-colorpicker
  • Installing via Yarn: yarn add bootstrap-colorpicker
  • Installing via Composer: composer require itsjavi/bootstrap-colorpicker

To start using the component, most of the time you will only need the files under the dist folder. Example:

<!DOCTYPE html>
<html lang="en">
  <meta charset="utf-8">
  <link href="dist/css/bootstrap-colorpicker.css" rel="stylesheet">
  <div class="container">
      <input id="mycp" type="text" class="form-control" />
  <script src="//code.jquery.com/jquery-3.2.1.js"></script>
  <script src="dist/js/bootstrap-colorpicker.js"></script>
    $(function () {


Note that this library depends on jQuery >= 2.1.0.

The Twitter Bootstrap dependency is totally optional, since this library does not depend directly on it in order to work, except when Bootstrap-related classes like form-control and input-group-addon are used like in the examples. In that case you will need at least the Bootstrap CSS for everything to be displayed correctly.


The documentation of this project has been created with by Handlebars, JSDoc and the Minami template.

Older versions:


This project exists thanks to all the people who contribute.

Please read CONTRIBUTING before sending a pull request or issue.

You can also contribute in form of donations like all the awesome Backers and Sponsors that are already doing that.



The MIT License (MIT). Please see the License File for more information.


Originally written by Stefan Petre in 2013.

Rewritten and maintained by Javi Aguilar and the contributors.