No Password Management

    @thi.ng/color-palettes
    TypeScript icon, indicating that this package has built-in type declarations

    0.8.3 • Public • Published

    color-palettes

    npm version npm downloads Twitter Follow

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

    About

    Collection of 176 image based color palettes. This is a support package for @thi.ng/color. (but has no dependencies)

    Recent additions

    Preset Swatches
    014xxHPGJc41M07kL
    014xtY7NR86Aa2AMH
    014xmJC3rdNVkG5Ke
    014wxZ7JcSYlbNfxL
    014wozXMrzwiMiM3x
    014wmwCkvNXm2qCVW
    014wkzZloB6Lgkluy
    014wjKhdj0Me4MQvc
    014wjGaMtVyXGNzL6
    014whoAyxl5gzJwC1
    014rzaZCKrmbLLuJu
    014r6uHUtjyoZvMXw
    014r4557GBXovXsQ2
    014qFZbOZZ3YOqfdS
    014cNjiiOwqOhSKJS
    014cMCdTh3bwH8wVB
    014cCBZzmDcqRiRMv
    014cBhci3KKThfPSX
    014cACEjxmYUHo9fx
    014c8uRpFlkiHSo9k
    014c7dTQjU2TA8F68
    014c6avJ50DRl2NSK
    014c5Q2Qc8D1tNdAn
    014c40MQuHMbjhkDu
    013j3Yj2Vj9r3oaql
    013j2ZZYIvwFGp4yL

    All themes

    Below all color palettes 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
    00uPN5nCkNSzg7ri4
    014wmwCkvNXm2qCVW
    014c6avJ50DRl2NSK
    00Q9Yxm7DrZXqTkyS
    014cNjiiOwqOhSKJS
    00QMA8h2BH69zyEk0
    00uPNyZwgGQhZDUaQ
    014cMCdTh3bwH8wVB
    00uKBokFLvI0Epxqx
    00QLn7G59JhKtuUs0
    00tAuOG3R9ivBX2gO
    00QLNIQXmbJgghRXg
    00uPLAKIHr3vJ0xUB
    00QLNHv6JW1bL031O
    00uP6PKyOf1h08rEq
    014r6uHUtjyoZvMXw
    00qIR1FROo31bNduE
    00iGNImQqINC9iQ1D
    00QLj3fsFErIl5W0b
    00qAPJWAuZtV1JQeL
    00QN49h9BAkHHyKJh
    00QLfPtu33OAdSN4Y
    00QMSRqFlj9B8ayZW
    00QLn7Lr9V98YD0zY
    00i0iHWHzzEoacpfQ
    00qAPJU0vXnWXxf1k
    00qAPJp5JxBfA0TbH
    00QLNIVe1AkurVqYj
    014c5Q2Qc8D1tNdAn
    014xmJC3rdNVkG5Ke
    00QLn7XfPKvMKCrzO
    014r4557GBXovXsQ2
    00QMEZl7ulP3f2WaX
    00QMKP9yh8XlJYcgM
    00bYcjDCylnf3k1aB
    00QMEZVdDC6dMYpjp
    00qAZjpCY9A2fnaKR
    00T2A6qx5VScIQ9bU
    00QMEZb0EorAC0k7y
    00RYyJDsTKzsBBgCO
    00QLqYQ3HE1oy3ByI
    00UWNvEkTsOF0aQHh
    00uOqryM4SOXgd7S0
    00qIPBCHil9FW2idX
    00QMSSCjsJpojbpYz
    00qAPJlU7mDXqCkiN
    013j2ZZYIvwFGp4yL
    00QLfPm4UfkMiaicq
    00QLcP0k2fPAz0KHR
    00qAPJgQvoDkRkQTN
    00iGNInM4y8vS5Aon
    00PhGSfzpeU5Bkh47a
    00sz7CFkl88HCRtUW
    00RlTJrw94KFOF3zL
    00RGly9mkWt6i3suLa
    00bYahKZ8LbVgx54y
    00qAZjzBDFZPMdKr3
    00QMxexuJYMe6enbZ
    00QLj3dmHiT8Ep1Un
    00QMxescYuh8eYT39
    00OqoPfvP6y1EmXZQ
    00PhEgF9AlI5PTrLB
    00QMSSK2AEOwErS5Ma
    00uOuzh5czMDF0xUE
    00i0iHNQPUpX6Jzsb
    00RTRDIRDbnErAXHV
    00RTRDNL7MjHkDys4
    014xtY7NR86Aa2AMH
    00RGly9mkWt6i3suL
    00qHifB285rfalpIo

    Medium

    Preset Swatches
    00QMSRoDq0SDYprak
    00QMEZhEMNGnZZxL4
    00QLfPusSpy3uFOpb
    00QMA8iIbk7Biajay
    00uOogzjozpSchnrp
    00t03UwzLJ4HO8u5o
    00bYah8QOLZNgszuV
    014qFZbOZZ3YOqfdS
    00qIIS5LLApenMByv
    014wozXMrzwiMiM3x
    00tAvqx4Pm26XfKhx
    00i0iHXq6xPzf1pt0
    00qIG1KwWOlIJkB81
    00RYyJ25i8zFwOJGh
    00qHxct5IvpT7kl9p
    00QLn7BH2doQfh4Yw
    00bYcixZkofJhLJ8w
    00RTRDOtbFF8KFNH9
    014cACEjxmYUHo9fx
    00QMA8tedClukB7IL
    00tAq6qSD1erL65L8
    00QMSSEJXJOUdMoSj
    014cBhci3KKThfPSX
    00sz9mhhmiZmgR9r6
    00RYyJ4jHYfMF6yfy
    00qHzDGNbubSeZXrS
    00QMSSK2AEOwErS5M
    014c8uRpFlkiHSo9k
    00bYiZ8YHLsLMA7j3
    00QMEZSYbyUNt0041
    00bYcivY8Jqx8nsiR
    014wkzZloB6Lgkluy
    00OkEXVdMQmQ1oQTp
    00sz5Uxo4ByGDH6tQ
    00i0iHUSVMHOENQof
    00RlTJxJZ16ivgKBw
    00RGlyFVinQl5cj21
    00RGlyJwY9q4Sh0tQ
    00ORLwKeosxtEeZxq
    00b7Az8pDWEjBLMHs
    00OwGARqASN2zngyg
    00RB4IFxoIYII3Cqi
    00UWNvBioJ6ZSjDix
    00Yi9c5ifk9eXO5XX
    00bYcj4uvi0NIlqyw
    00Yi9btvr8RY4NROm
    00RTRDAqmTEarmyeR
    00RB4I6NRn6CF3oS0
    00QLqYLjs4H7kdHrp
    00QMEZgMsSVZavaNd
    00QLqYS2ZOgkMeMAE
    00qHo5P8w5tq00yLM

    Soft

    Preset Swatches
    00QMA8SkIwjW5KEch
    013j3Yj2Vj9r3oaql
    00qHekhPJJlwTDcMi
    014rzaZCKrmbLLuJu
    00QMEZzTrk06iVgaK
    00QLNIKFhjs5rJCjr
    00QLj3PylHkh8qY2R
    014cCBZzmDcqRiRMv
    00tAsz6uflx4ciwdA
    014c40MQuHMbjhkDu
    00bYcj0VC9wmmKNm5
    00tAmMznURg0qH4jp
    00bYiYyzA6ODPIC8V
    00QMxewR6IS5vyatN
    014wjKhdj0Me4MQvc
    00qAZjyY6S1ycz77W
    00bYahDYU6E7wDJwL
    00qAZjs8gQNFggT0M
    00qHekwhYwYf6QJGD
    00qILiVShgC82zOHm
    00qHkUndEk4MzLo6H
    014wxZ7JcSYlbNfxL
    014xxHPGJc41M07kL
    00QLj3Yj1pUNnTKVY
    00QLfPj2trTnyJHAg
    00qHekwxmgUGlfAWi
    00RTRDIzyUse2qJ9N
    00QLn7oETUQZKKr34
    00tAnftt5xsJlMhDZ
    00QMSSCjsJpojbpYza
    00qAPJgiiIyY8shVo
    00QLslJAGNA8YREKh
    00RGlyLkqOmPmbuX6
    00g3Jv9zydyJs2QlX
    00QLj3F8heV6QT4YG
    00qIEl4NwoLkiinhc
    00i0fT276sz5H8vMy
    00RnZfzWN7Ewml76I
    00PBWZvgJvi4gdxGj
    00RB4I89XiwNSlobH
    014c7dTQjU2TA8F68
    00g3JvJ0ZydpXXvEC
    00gSFutQrW4MxihX7
    00qAgiXIRZqDXJsI8
    00QMA8RhpXdgwPtLn
    00RB4I684QFqc2HAM
    00YxFeFYOuMCD0qWe
    00f5whlJFUwx7AaEe
    00QMEZazmZG85DaWw
    00QN31G5AB2FTftCe
    014whoAyxl5gzJwC1
    014wjGaMtVyXGNzL6
    00qAZk070SYGij58C
    00QLfPkuNx1jE7sMm

    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: 7.12 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...

    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 - 2022 Karsten Schmidt // Apache Software License 2.0

    Install

    npm i @thi.ng/color-palettes

    DownloadsWeekly Downloads

    8

    Version

    0.8.3

    License

    Apache-2.0

    Unpacked Size

    92.1 kB

    Total Files

    7

    Last publish

    Collaborators

    • thi.ng