Open Source color palettes generator in HSLuv color space

1 year ago

source link: https://github.com/saneef/color-color
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Repository files navigation

color × color

Color-color is a tool to generate color shades. Supports Okhsl, HSLuv and HSL color spaces. You can generate more than one set of shades, and compare side by side. Bring in your reference colors to tune-in the color schemes.

Designing accessible color systems article by Stripe, and Colorbox by Lyft Design inspired us.

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in your package.json's dependencies so that the app will work when you deploy to platforms like Heroku.

Credits

Entypo pictograms by Daniel Bruce — www.entypo.com

Recommend

www.kuon.ch 5 years ago
Cache

HSLuv, a developer friendly perceptual color space

As a developer, managing colors can be tedious, but there are “developer friendly” solutions, HSLuv is one of them and I will explain what it is and how it can help. The problem with traditional color spaces...

Github github.com 4 years ago
Cache

nice-color-palettes

nice-color-palettes A JSON of the top color palettes on ColourLovers.com, as RGB hex strings. Last updated Oct 14 2018

uxplanet.org 4 years ago
Cache

The 4 master artists who used nature-inspired color palettes

The 4 master artists who used nature-inspired color palettesAs designers, we can always get inspired by the master artists and their relationship with colors.Many artists in history were obsessed with co...