@thi.ng/color-palettes
Version:
Collection of 200+ image based color themes & composable theme query filters
252 lines (224 loc) • 69.1 kB
Markdown
<!-- This file is generated - DO NOT EDIT! -->
<!-- Please see: https://codeberg.org/thi.ng/umbrella/src/branch/develop/CONTRIBUTING.md#changes-to-readme-files -->
# 
[](https://www.npmjs.com/package/@thi.ng/color-palettes)
[](https://mastodon.thi.ng/@toxi)
> [!NOTE]
> This is one of 215 standalone projects. LLM-free, human-made and
> cared for software, maintained as part of the
> [@thi.ng/umbrella](https://codeberg.org/thi.ng/umbrella/) ecosystem and
> anti-framework.
>
> 🚀 Please help me to work full-time on these projects by [sponsoring
> me](https://codeberg.org/thi.ng/umbrella/src/branch/develop/CONTRIBUTING.md#donations).
> Thank you! ❤️
- [About](#about)
- [Recent additions](#recent-additions)
- [All themes](#all-themes)
- [Strong](#strong)
- [Medium](#medium)
- [Soft](#soft)
- [Installation](#installation)
- [Dependencies](#dependencies)
- [Usage examples](#usage-examples)
- [Usage](#usage)
- [Authors](#authors)
- [License](#license)
## About
Collection of 200+ image based color themes & composable theme query filters. This is a support package for [@thi.ng/color](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/color)..
Themes can be obtained as arrays of CSS hex colors (strings), packed ARGB ints,
or normalized LCH/sRGB color vectors (e.g. for WebGL/WebGPU purposes). See
[thi.ng/color
readme](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/color) for
details.
Additionally, the themes/palettes can be iterated, filtered or queried via
arbitrary predicate functions and the ones provided:
Single theme accessors:
- [`asCSS()`](https://docs.thi.ng/umbrella/color-palettes/functions/asCSS.html)
- [`asInt()`](https://docs.thi.ng/umbrella/color-palettes/functions/asInt.html)
- [`asLCH()`](https://docs.thi.ng/umbrella/color-palettes/functions/asLCH.html)
- [`asRGB()`](https://docs.thi.ng/umbrella/color-palettes/functions/asRGB.html)
Iterators:
- [`cssThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/cssThemes.html)
- [`intThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/intThemes.html)
- [`lchThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/lchThemes.html)
- [`rgbThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/rgbThemes.html)
Provided (composable) filters:
- [`chroma()`](https://docs.thi.ng/umbrella/color-palettes/functions/chroma.html)
- [`hue()`](https://docs.thi.ng/umbrella/color-palettes/functions/hue.html)
- [`luma()`](https://docs.thi.ng/umbrella/color-palettes/functions/luma.html)
- [`proximityLCH()`](https://docs.thi.ng/umbrella/color-palettes/functions/proximityLCH.html)
- [`proximityRGB()`](https://docs.thi.ng/umbrella/color-palettes/functions/proximityRGB.html)
Custom filters can be defines via:
- [`defFilter()`](https://docs.thi.ng/umbrella/color-palettes/functions/defFilter.html)
- [`compFilter()`](https://docs.thi.ng/umbrella/color-palettes/functions/compFilter.html)
See [code examples](#usage) further below...
## Recent additions
| Palettes | | |
|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|
|  |  |  |
| 254 | 253 | 252 |
|  |  |  |
| 251 | 250 | 249 |
|  |  |  |
| 248 | 247 | 246 |
|  |  |  |
| 245 | 244 | 243 |
|  |  |  |
| 242 | 241 | 240 |
|  |  |  |
| 239 | 238 | 237 |
|  |  |  |
| 236 | 235 | 234 |
|  |  |  |
| 233 | 232 | 231 |
|  |  |  |
| 230 | 229 | 228 |
|  |  |  |
| 227 | 226 | 225 |
|  |  |  |
| 224 | 223 | 222 |
|  |  | |
| 221 | 220 | |
## All themes
Below all color palettes are shown **sorted by median LCH chromacity**:
(Please note that for some reason (color profile related) Google Chrome shows
the more saturated colors much more muted than they actually are/should be.
### Strong
| Palettes | | |
|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|
|  |  |  |
| 148 | 170 | 154 |
|  |  |  |
| 7 | 161 | 34 |
|  |  |  |
| 149 | 220 | 177 |
|  |  |  |
| 160 | 251 | 247 |
|  |  |  |
| 142 | 249 | 208 |
|  |  |  |
| 240 | 230 | 24 |
|  |  |  |
| 140 | 10 | 147 |
|  |  |  |
| 8 | 221 | 246 |
|  |  |  |
| 239 | 146 | 164 |
|  |  |  |
| 210 | 191 | 234 |
|  |  |  |
| 131 | 100 | 222 |
|  |  |  |
| 22 | 102 | 245 |
|  |  |  |
| 53 | 16 | 235 |
|  |  |  |
| 44 | 25 | 98 |
|  |  |  |
| 202 | 104 | 105 |
|  |  |  |
| 11 | 153 | 224 |
|  |  |  |
| 173 | 179 | 26 |
|  |  |  |
| 163 | 40 | 216 |
|  |  |  |
| 42 | 88 | 36 |
|  |  |  |
| 110 | 181 | 74 |
|  |  |  |
| 38 | 218 | 231 |
|  |  |  |
| 70 | 29 | 76 |
|  |  |  |
| 241 | 182 | 144 |
|  |  |  |
| 229 | 225 | 130 |
|  |  |  |
| 184 | 45 | 198 |
|  |  |  |
| 103 | 150 | 15 |
|  |  |  |
| 12 | 190 | 106 |
|  |  |  |
| 101 | 6 | 133 |
|  |  |  |
| 71 | 59 | 83 |
|  |  |  |
| 192 | 109 | 51 |
|  |  |  |
| 21 | 50 | 2 |
|  |  |  |
| 200 | 194 | 5 |
|  |  |  |
| 49 | 145 | 96 |
|  |  |  |
| 64 | 248 | 66 |
|  |  |  |
| 174 | 209 | 196 |
|  |  |  |
| 211 | 228 | 58 |
### Medium
| Palettes | | |
|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|
|  |  |  |
| 242 | 43 | 124 |
|  |  |  |
| 17 | 252 | 204 |
|  |  |  |
| 122 | 143 | 203 |
|  |  |  |
| 135 | 205 | 227 |
|  |  |  |
| 207 | 217 | 178 |
|  |  |  |
| 81 | 244 | 226 |
|  |  |  |
| 162 | 206 | 238 |
|  |  |  |
| 128 | 171 | 219 |
|  |  |  |
| 254 | 141 | 99 |
|  |  |  |
| 127 | 68 | 120 |
|  |  |  |
| 195 | 23 | 85 |
|  |  |  |
| 215 | 67 | 157 |
|  |  |  |
| 35 | 138 | 186 |
|  |  |  |
| 233 | 47 | 158 |
|  |  |  |
| 134 | 69 | 121 |
|  |  |  |
| 193 | 48 | 156 |
|  |  |  |
| 90 | 125 | 199 |
|  |  |  |
| 84 | 169 | 236 |
|  |  |  |
| 1 | 253 | 132 |
|  |  |  |
| 212 | 97 | 237 |
|  |  |  |
| 72 | 60 | 250 |
|  |  |  |
| 61 | 0 | 80 |
|  |  |  |
| 3 | 57 | 75 |
|  |  |  |
| 78 | 87 | 77 |
|  |  |  |
| 63 | 55 | 28 |
|  |  |  |
| 39 | 30 | 118 |
### Soft
| Palettes | | |
|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|
|  |  |  |
| 33 | 151 | 116 |
|  |  |  |
| 165 | 41