10 Best Vanilla JavaScript Color Picker Libraries

List hand-picked by Openbase Experts
Learn More

cj

chroma-js

JavaScript library for all kinds of color manipulations

(BSD-3-Clause AND Apache-2.0)
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
8.9K
Weekly Downloads
356K
Last Commit
10mos ago
User Rating
5.0/ 5
3
Top Feedback
3Great Documentation
1Easy to Use
1Performant
d3-color

d3-color

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

ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
349
Weekly Downloads
4.7M
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Bleeding Edge
ran

randomcolor

A tiny script for generating attractive colors

CC0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
5.8K
Weekly Downloads
124K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
vp

vanilla-picker

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

ISC
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
192
Weekly Downloads
155K
Last Commit
1yr ago
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!

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
3.8K
Weekly Downloads
79.6K
Last Commit
1yr ago
cpc

chartjs-plugin-colorschemes

Predefined color schemes for Chart.js

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
223
Weekly Downloads
8.5K
Last Commit
1yr ago
cs

color-scheme

Generate pleasant color schemes in JavaScript

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
406
Weekly Downloads
4.5K
Last Commit
3yrs ago
huebee

huebee

🐝 1-click color picker

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
374
Weekly Downloads
3.5K
Last Commit
2yrs ago
acp

a-color-picker

A color picker for web app

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
96
Weekly Downloads
1.8K
Last Commit
3yrs ago
gmc

google-material-color

Google material color (http://www.google.com/design/spec/style/color.html) implementation for Sass, Less, Stylus, CSS and JS.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
638
Last Commit