picolor.js
JavaScript color picker for picking colors in LCH space. It is optimized for picking visually distinct colors for maps, but can be used for anything else.
Why not use a stock color picker?
Picking suitable colors for maps are hard, especially when it comes to selecting visually distinct colors for a range of values. picolor.js aims to ease that process by providing smart pre-set visually distinct colors and palettes.
Demo
Build from source
Prerequisites
Build
npm install
npm run build
TODO
- Make sizing configurable
- Single Picker: Use only canvas
- Palette Picker: Interpolate colors for qualitative palette where number of categories > 12
- Palette Picker: Lighten/darken palettes when user drags slider up/down
Useful links
Color Brewer
Interpolating colors
Generating multi-hued color scales
chroma.js