🎨 uni-color-palette

Introduction

uni-color-palette is a lightweight library designed to provide organized color palettes based on principles of universal design. This simple library allows users to efficiently manage and access appropriate colors for UI and UX design. With a focus on enhancing user experience and ensuring accessibility, uni-color-palette supports developers in easily integrating universal colors into their projects.

Install

npm install uni-color-palette

or

yarn add uni-color-palette

Usage

import { getColorsByPaletteName } from 'uni-color-palette';

// Example of retrieving the 'bright' palette from the 'PaulTol' palette group
const colors = getColorsByPaletteName('PaulTol', 'bright');

// colors array will contain:
// ["#4477AA", "#EE6677", "#228833", "#CCBB44", "#66CCEE", "#AA3377", "#BBBBBB"]

Color Examples

https://pppp606.github.io/uni-color-palette/

Contributing

uni-color-palette welcomes bug reports, improvement suggestions, and requests for adding new color palettes. If you are interested in adding a new color palette or modifying existing ones, please propose code changes via GitHub pull requests.

Generate Color Examples

To generate color examples for the README.md file, follow these steps:

1. Add a new color file to src/palettes
2. Run the script npm run generate-examples

References

Paul Tol's Notes https://personal.sron.nl/~pault/

Color universal design recommended color scheme set by japanCUDO https://cudo.jp/?page_id=1565