@thi.ng/color-palettes NPM

npm downloads

This project is part of the @thi.ng/umbrella monorepo.

About

Collection of 132 image based color palettes. This is a support package for @thi.ng/color.

Status

STABLE - used in production

Search or submit any issues for this package

Installation

yarn add @thi.ng/color-palettes

ES module import:

<script type="module" src="https://cdn.skypack.dev/@thi.ng/color-palettes"></script>

Skypack documentation

For Node.js REPL:

# with flag only for < v16
node --experimental-repl-await

> const colorPalettes = await import("@thi.ng/color-palettes");

Package sizes (gzipped, pre-treeshake): ESM: 5.31 KB

Dependencies

None

Usage examples

Several demos in this repo's /examples directory are using this package.

A selection:

Screenshot	Description	Live demo	Source
	Image dithering and remapping using indexed palettes	Demo	Source

Available palettes

Usage

import { THEMES } from "@thi.ng/color-palettes";

const theme = THEMES["00bYahDYU6E7wDJwL"];

Also see the swatch generator as usage example...

Below the color themes are shown sorted by median LCH chromacity:

(Please note that for some reason (likely color profile related) Google Chrome shows the more saturated colors much more muted than they actually are/should be. Any pointers to workarounds/solutions are appreciated...):

Strong

Preset	Swatches
`00Q9Yxm7DrZXqTkyS`
`00QMA8h2BH69zyEk0`
`00QLn7G59JhKtuUs0`
`00QLNIQXmbJgghRXg`
`00QLNHv6JW1bL031O`
`00qIR1FROo31bNduE`
`00iGNImQqINC9iQ1D`
`00QLj3fsFErIl5W0b`
`00qAPJWAuZtV1JQeL`
`00QN49h9BAkHHyKJh`
`00QLfPtu33OAdSN4Y`
`00QMSRqFlj9B8ayZW`
`00QLn7Lr9V98YD0zY`
`00i0iHWHzzEoacpfQ`
`00qAPJU0vXnWXxf1k`
`00qAPJp5JxBfA0TbH`
`00QLNIVe1AkurVqYj`
`00QLn7XfPKvMKCrzO`
`00QMEZl7ulP3f2WaX`
`00QMKP9yh8XlJYcgM`
`00bYcjDCylnf3k1aB`
`00QMEZVdDC6dMYpjp`
`00qAZjpCY9A2fnaKR`
`00T2A6qx5VScIQ9bU`
`00QMEZb0EorAC0k7y`
`00RYyJDsTKzsBBgCO`
`00QLqYQ3HE1oy3ByI`
`00UWNvEkTsOF0aQHh`
`00qIPBCHil9FW2idX`
`00QMSSCjsJpojbpYz`
`00qAPJlU7mDXqCkiN`
`00QLfPm4UfkMiaicq`
`00QLcP0k2fPAz0KHR`
`00qAPJgQvoDkRkQTN`
`00iGNInM4y8vS5Aon`
`00PhGSfzpeU5Bkh47a`
`00RlTJrw94KFOF3zL`
`00RGly9mkWt6i3suLa`
`00bYahKZ8LbVgx54y`
`00qAZjzBDFZPMdKr3`
`00QMxexuJYMe6enbZ`
`00QLj3dmHiT8Ep1Un`
`00QMxescYuh8eYT39`
`00OqoPfvP6y1EmXZQ`
`00PhEgF9AlI5PTrLB`
`00QMSSK2AEOwErS5Ma`
`00i0iHNQPUpX6Jzsb`
`00RTRDIRDbnErAXHV`
`00RTRDNL7MjHkDys4`
`00RGly9mkWt6i3suL`
`00qHifB285rfalpIo`

Medium

Preset	Swatches
`00QMSRoDq0SDYprak`
`00QMEZhEMNGnZZxL4`
`00QLfPusSpy3uFOpb`
`00QMA8iIbk7Biajay`
`00bYah8QOLZNgszuV`
`00qIIS5LLApenMByv`
`00i0iHXq6xPzf1pt0`
`00qIG1KwWOlIJkB81`
`00RYyJ25i8zFwOJGh`
`00qHxct5IvpT7kl9p`
`00QLn7BH2doQfh4Yw`
`00bYcixZkofJhLJ8w`
`00RTRDOtbFF8KFNH9`
`00QMA8tedClukB7IL`
`00QMSSEJXJOUdMoSj`
`00RYyJ4jHYfMF6yfy`
`00qHzDGNbubSeZXrS`
`00QMSSK2AEOwErS5M`
`00bYiZ8YHLsLMA7j3`
`00QMEZSYbyUNt0041`
`00bYcivY8Jqx8nsiR`
`00OkEXVdMQmQ1oQTp`
`00i0iHUSVMHOENQof`
`00RlTJxJZ16ivgKBw`
`00RGlyFVinQl5cj21`
`00RGlyJwY9q4Sh0tQ`
`00ORLwKeosxtEeZxq`
`00b7Az8pDWEjBLMHs`
`00OwGARqASN2zngyg`
`00RB4IFxoIYII3Cqi`
`00UWNvBioJ6ZSjDix`
`00Yi9c5ifk9eXO5XX`
`00bYcj4uvi0NIlqyw`
`00Yi9btvr8RY4NROm`
`00RTRDAqmTEarmyeR`
`00RB4I6NRn6CF3oS0`
`00QLqYLjs4H7kdHrp`
`00QMEZgMsSVZavaNd`
`00QLqYS2ZOgkMeMAE`
`00qHo5P8w5tq00yLM`

Soft

Preset	Swatches
`00QMA8SkIwjW5KEch`
`00qHekhPJJlwTDcMi`
`00QMEZzTrk06iVgaK`
`00QLNIKFhjs5rJCjr`
`00QLj3PylHkh8qY2R`
`00bYcj0VC9wmmKNm5`
`00bYiYyzA6ODPIC8V`
`00QMxewR6IS5vyatN`
`00qAZjyY6S1ycz77W`
`00bYahDYU6E7wDJwL`
`00qAZjs8gQNFggT0M`
`00qHekwhYwYf6QJGD`
`00qILiVShgC82zOHm`
`00qHkUndEk4MzLo6H`
`00QLj3Yj1pUNnTKVY`
`00QLfPj2trTnyJHAg`
`00qHekwxmgUGlfAWi`
`00RTRDIzyUse2qJ9N`
`00QLn7oETUQZKKr34`
`00QMSSCjsJpojbpYza`
`00qAPJgiiIyY8shVo`
`00QLslJAGNA8YREKh`
`00RGlyLkqOmPmbuX6`
`00g3Jv9zydyJs2QlX`
`00QLj3F8heV6QT4YG`
`00qIEl4NwoLkiinhc`
`00i0fT276sz5H8vMy`
`00RnZfzWN7Ewml76I`
`00PBWZvgJvi4gdxGj`
`00RB4I89XiwNSlobH`
`00g3JvJ0ZydpXXvEC`
`00gSFutQrW4MxihX7`
`00qAgiXIRZqDXJsI8`
`00QMA8RhpXdgwPtLn`
`00RB4I684QFqc2HAM`
`00YxFeFYOuMCD0qWe`
`00f5whlJFUwx7AaEe`
`00QMEZazmZG85DaWw`
`00QN31G5AB2FTftCe`
`00qAZk070SYGij58C`
`00QLfPkuNx1jE7sMm`

Authors

Karsten Schmidt

If this project contributes to an academic publication, please cite it as:

@misc{thing-color-palettes,
  title = "@thi.ng/color-palettes",
  author = "Karsten Schmidt",
  note = "https://thi.ng/color-palettes",
  year = 2021
}