This project is part of the @thi.ng/umbrella monorepo.
Collection of 100 image based color palettes. This is a support package for @thi.ng/color.
STABLE - used in production
Search or submit any issues for this package
yarn add @thi.ng/color-palettesES module import:
<script type="module" src="https://cdn.skypack.dev/@thi.ng/color-palettes"></script>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: 4.11 KB
None
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 |
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...):
| Preset | Swatches |
|---|---|
00Q9Yxm7DrZXqTkyS |
 |
00QMA8h2BH69zyEk0 |
 |
00QLn7G59JhKtuUs0 |
 |
00QLNIQXmbJgghRXg |
 |
00QLNHv6JW1bL031O |
 |
00iGNImQqINC9iQ1D |
 |
00QLj3fsFErIl5W0b |
 |
00QN49h9BAkHHyKJh |
 |
00QLfPtu33OAdSN4Y |
 |
00QMSRqFlj9B8ayZW |
 |
00QLn7Lr9V98YD0zY |
 |
00i0iHWHzzEoacpfQ |
 |
00QLNIVe1AkurVqYj |
 |
00QLn7XfPKvMKCrzO |
 |
00QMEZl7ulP3f2WaX |
 |
00bYcjDCylnf3k1aB |
 |
00QMEZVdDC6dMYpjp |
 |
00T2A6qx5VScIQ9bU |
 |
00QMEZb0EorAC0k7y |
 |
00RYyJDsTKzsBBgCO |
 |
00QLqYQ3HE1oy3ByI |
 |
00UWNvEkTsOF0aQHh |
 |
00QMSSCjsJpojbpYz |
 |
00QLfPm4UfkMiaicq |
 |
00QLcP0k2fPAz0KHR |
 |
00iGNInM4y8vS5Aon |
 |
00PhGSfzpeU5Bkh47a |
 |
00RlTJrw94KFOF3zL |
 |
00RGly9mkWt6i3suLa |
 |
00bYahKZ8LbVgx54y |
 |
00QMxexuJYMe6enbZ |
 |
00QLj3dmHiT8Ep1Un |
 |
00QMxescYuh8eYT39 |
 |
00OqoPfvP6y1EmXZQ |
 |
00PhEgF9AlI5PTrLB |
 |
00QMSSK2AEOwErS5Ma |
 |
00i0iHNQPUpX6Jzsb |
 |
00RTRDIRDbnErAXHV |
 |
00RTRDNL7MjHkDys4 |
 |
00RGly9mkWt6i3suL |
 |
| Preset | Swatches |
|---|---|
00QMSRoDq0SDYprak |
 |
00QLfPusSpy3uFOpb |
 |
00bYah8QOLZNgszuV |
 |
00i0iHXq6xPzf1pt0 |
 |
00RYyJ25i8zFwOJGh |
 |
00QLn7BH2doQfh4Yw |
 |
00bYcixZkofJhLJ8w |
 |
00RTRDOtbFF8KFNH9 |
 |
00QMA8tedClukB7IL |
 |
00QMSSEJXJOUdMoSj |
 |
00RYyJ4jHYfMF6yfy |
 |
00QMSSK2AEOwErS5M |
 |
00bYiZ8YHLsLMA7j3 |
 |
00bYcivY8Jqx8nsiR |
 |
00OkEXVdMQmQ1oQTp |
 |
00i0iHUSVMHOENQof |
 |
00RlTJxJZ16ivgKBw |
 |
00RGlyFVinQl5cj21 |
 |
00RGlyJwY9q4Sh0tQ |
 |
00ORLwKeosxtEeZxq |
 |
00b7Az8pDWEjBLMHs |
 |
00OwGARqASN2zngyg |
 |
00RB4IFxoIYII3Cqi |
 |
00UWNvBioJ6ZSjDix |
 |
00Yi9c5ifk9eXO5XX |
 |
00bYcj4uvi0NIlqyw |
 |
00Yi9btvr8RY4NROm |
 |
00RTRDAqmTEarmyeR |
 |
00RB4I6NRn6CF3oS0 |
 |
00QLqYLjs4H7kdHrp |
 |
00QMEZgMsSVZavaNd |
 |
00QLqYS2ZOgkMeMAE |
 |
| Preset | Swatches |
|---|---|
00QMA8SkIwjW5KEch |
 |
00QMEZzTrk06iVgaK |
 |
00QLNIKFhjs5rJCjr |
 |
00QLj3PylHkh8qY2R |
 |
00bYcj0VC9wmmKNm5 |
 |
00bYiYyzA6ODPIC8V |
 |
00bYahDYU6E7wDJwL |
 |
00QMKP9yh8XlJYcgM |
 |
00QLj3Yj1pUNnTKVY |
 |
00QLfPj2trTnyJHAg |
 |
00RTRDIzyUse2qJ9N |
 |
00QLn7oETUQZKKr34 |
 |
00QMSSCjsJpojbpYza |
 |
00QLslJAGNA8YREKh |
 |
00RGlyLkqOmPmbuX6 |
 |
00g3Jv9zydyJs2QlX |
 |
00QLj3F8heV6QT4YG |
 |
00i0fT276sz5H8vMy |
 |
00RnZfzWN7Ewml76I |
 |
00PBWZvgJvi4gdxGj |
 |
00RB4I89XiwNSlobH |
 |
00g3JvJ0ZydpXXvEC |
 |
00gSFutQrW4MxihX7 |
 |
00QMA8RhpXdgwPtLn |
 |
00RB4I684QFqc2HAM |
 |
00YxFeFYOuMCD0qWe |
 |
00f5whlJFUwx7AaEe |
 |
00QMEZazmZG85DaWw |
 |
00QN31G5AB2FTftCe |
 |
00QLfPkuNx1jE7sMm |
 |
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
}© 2021 Karsten Schmidt // Apache Software License 2.0