https://github.com/jxnblk/palx

:rainbow: Automatic UI Color Palette Generator
https://github.com/jxnblk/palx

Last synced: 10 days ago
JSON representation

:rainbow: Automatic UI Color Palette Generator

• Host: GitHub
• URL: https://github.com/jxnblk/palx
• Owner: jxnblk
• Archived: true
• Created: 2016-08-03T00:52:53.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-27T13:03:40.000Z (almost 2 years ago)
• Last Synced: 2024-05-02T01:13:36.737Z (6 months ago)
• Language: JavaScript
• Homepage: https://palx.jxnblk.com
• Size: 1.59 MB
• Stars: 836
• Watchers: 14
• Forks: 56
• Open Issues: 36
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Palx

Automatic UI Color Palette Generator

https://palx.jxnblk.com

```js

npm i palx

```

Provide a single color value and Palx returns a full-spectrum color palette,

well suited for UI design and data visualizations that work harmoniously with brand colors.

```js

const palx = require('palx')

palx('#07c')

// Returns a color object with

// 12 hues and a gray spread across

// 10 luminance steps

```

## About

Inspired by [Open Color](https://yeun.github.io/open-color/),

Palx takes a single input color,

then spreads the hue across the color spectrum in 12 steps,

and spreads each hue across 10 luminance steps.

Palx also desaturates the main color to create shades of gray and a black that are based off the original color.

### Related

- [Hello Color](http://jxnblk.com/hello-color)

- [Colorable](http://jxnblk.com/colorable)

- [Monochrome](https://monochrome.jxnblk.com)

- [Grays](http://jxnblk.com/grays)

- [Shade](http://jxnblk.com/shade)

- [Spectral](http://jxnblk.com/Spectral)

- [Open Color](https://yeun.github.io/open-color)

MIT License