colors-app icon indicating copy to clipboard operation
colors-app copied to clipboard

:art: A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.

colors-app

Copy color values from popular palettes. Supports HEX, RGB, and HSL formats.

Current Palettes
Why?

One night I asked myself, "Self, what can I build in two hours using Preact?" :thinking:
The initial version took less than 2 hours and I was pretty happy with it.* :smile:

Additional features (and other changes) have and will continue to improve this web app.

* I got a head start by using fly-kit-preact. Webpack users may want to see preact-starter instead!

Install

git clone https://github.com/lukeed/colors-app
npm install
npm start

:exclamation: Pro Tip: Use Yarn to install dependencies 3x faster than NPM!

Development

Commands

Any of the following commands can (and should :wink:) be run from the command line.

If using Yarn, all instances of npm can be replaced with yarn. :ok_hand:

build

$ npm run build

Compiles all files. Output is sent to the dist directory.

start

$ npm start

Executes build and runs your application (from the dist directory) in the browser.

watch

$ npm run watch

Like start, but will auto-compile & auto-reload the server after any file changes within the src directory.

License

MIT © Luke Edwards