10 Best Vanilla JavaScript Color Picker Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

d3-color

Color spaces! RGB, HSL, Cubehelix, CIELAB, and more.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Bleeding Edge
GitHub Stars
312
Weekly Downloads
3M
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ran

randomcolor

A tiny script for generating attractive colors

License Icon
License: CC0-1.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
85K
Last Commit
7mos ago
Bundle Size (min+gzip)
2.16KB
Not Tree-Shakeable
cj

chroma-js

JavaScript library for all kinds of color manipulations

License Icon
License: (BSD-3-Clause AND Apache-2.0)
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
3Great Documentation
1Easy to Use
1Performant
GitHub Stars
8K
Weekly Downloads
282K
Last Commit
4mos ago
Bundle Size (min+gzip)
13.9KB
Not Tree-Shakeable

@syncfusion/ej2-inputs

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
274
Weekly Downloads
64K
Last Commit
6d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
pic

@simonwep/pickr

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
52K
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vp

vanilla-picker

A simple, easy to use vanilla JS color picker with alpha selection.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
159
Weekly Downloads
112K
Last Commit
9mos ago
Bundle Size (min+gzip)
6.71KB
Tree-Shakeable
cpc

chartjs-plugin-colorschemes

Predefined color schemes for Chart.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
214
Weekly Downloads
11K
Last Commit
4mos ago
Bundle Size (min+gzip)
14.7KB
Not Tree-Shakeable
sc

spectrum-colorpicker

Spectrum: the no hassle jQuery colorpicker

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
69K
Last Commit
N/A
Bundle Size (min+gzip)
9.9KB
Not Tree-Shakeable

huebee

🐝 1-click color picker

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
345
Weekly Downloads
2K
Last Commit
9mos ago
Bundle Size (min+gzip)
4.45KB
Not Tree-Shakeable
cs

color-scheme

Generate pleasant color schemes in JavaScript

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
375
Weekly Downloads
3K
Last Commit
2yrs ago
Bundle Size (min+gzip)
2.80KB
Not Tree-Shakeable
acp

a-color-picker

A color picker for web app

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
92
Weekly Downloads
2K
Last Commit
2yrs ago
Bundle Size (min+gzip)
10.5KB
Not Tree-Shakeable
gmc

google-material-color

Google material color for SASS, LESS, Stylus, CSS, JS, etc

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
164
Weekly Downloads
1K
Last Commit
5yrs ago
Bundle Size (min+gzip)
2.23KB
Not Tree-Shakeable