Options
All
  • Public
  • Public/Protected
  • All
Menu

@thi.ng/color-palettes

color-palettes

npm versionnpm downloads Twitter Follow

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

About

Collection of 100 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
<script type="module" src="https://unpkg.com/@thi.ng/color-palettes?module" crossorigin></script>

// UMD
<script src="https://unpkg.com/@thi.ng/color-palettes/lib/index.umd.js" crossorigin></script>

Package sizes (gzipped, pre-treeshake): ESM: 4.11 KB / CJS: 4.18 KB / UMD: 4.34 KB

Dependencies

None

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

PresetSwatches
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

Medium

PresetSwatches
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

Soft

PresetSwatches
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

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
}

License

© 2021 Karsten Schmidt // Apache Software License 2.0

Generated using TypeDoc