JavaScript ColorPicker component

JavaScript ColorPicker

You can use dhtmlxColorPicker as an individual component or as a part of dhtmlxSuite

Product Features

  • Cross-browser support: IE, FF, Opera, Safari, Chrome
  • Flexible JavaScript API
  • The ability to save custom colors
  • Familiar look and feel
  • Complete color palette
  • 4 predefined skins

Live Demo

Click to change:
Border color
Background color
Text color
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
RGB, HSL, and hex formats
This JavaScript component allows you to implement a fast and intuitive color picker similar to the one used in graphical desktop applications. dhtmlxColorPicker handles RGB, HSL, and hex formats, and provides an easy solution for adding visual color selection to your web apps or sites.
Easy integration with other controls
The component displays a color selection box with a luminosity bar and text fields for entering RGB and HSL values. Users can define custom colors which will be saved and appear the next time the color picker is called. Our JavaScript ColorPicker can be integrated either as an inline control or a popup dialog box. You can also use it as a form element of dhtmlxForm.
Customizable appearance
The ColorPicker comes with 4 predefined skins (SkyBlue, Web, Terrace and Material). You can easily customize the component's look and feel with the rich script API.

Editions and Licenses

dhtmlxColorPicker is available in Standard Edition only.

You can use dhtmlxColorPicker for free under GNU General Public License v2, or Free License that allows you to use the component in a non-GPL application/website.

Open Source - GPL v2 - Allows you to use dhtmlxColorPicker in open source, GPL-ed projects for free.

Free License - Allows you to use dhtmlxColorPicker in non-GPL, proprietary projects (applications) at no charge.

Support & Learning Resources

Technical samples

All Accordion features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can learn how to use Accordion and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxColorPicker integration into your app? Contact us