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

Color Wheel

Build from source

Prerequisites

1. node.js

Build

1. npm install
2. 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