All Projects → lukeed → Colors App

lukeed / Colors App

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Colors App

SwiftColorWheel
Delightful color picker wheel for iOS in Swift.
Stars: ✭ 37 (-58.89%)
Mutual labels:  color, color-picker, color-scheme, color-palette
Colorbook
🎨 Color schemes for UI design - Optimized for foreground, background, border, etc. https://liyasthomas.github.io/colorbook
Stars: ✭ 148 (+64.44%)
Mutual labels:  color-scheme, color, color-picker, color-palette
Pickr
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Stars: ✭ 3,759 (+4076.67%)
Mutual labels:  color, color-picker, color-palette
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+326.67%)
Mutual labels:  pwa, preact, progressive-web-app
Kallewheel
A custom color wheel extension for Adobe Photoshop
Stars: ✭ 16 (-82.22%)
Mutual labels:  color, color-picker, color-palette
Create React App Material Typescript Redux
A ready to use boilerplate for starting big react projects
Stars: ✭ 257 (+185.56%)
Mutual labels:  material, pwa, progressive-web-app
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (+201.11%)
Mutual labels:  color, color-picker, color-palette
Demo Progressive Web App
🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (+786.67%)
Mutual labels:  material, pwa, progressive-web-app
Slidecontrol
Slidecontrol enables you to control your slides with your phone 📱
Stars: ✭ 30 (-66.67%)
Mutual labels:  pwa, preact, progressive-web-app
React Colorful
🎨 A tiny (2,5 KB) color picker component for React and Preact apps
Stars: ✭ 951 (+956.67%)
Mutual labels:  color, color-picker, preact
Leonardo
Generate colors based on a desired contrast ratio
Stars: ✭ 973 (+981.11%)
Mutual labels:  color, color-picker, color-palette
javascript-color-gradient
Lightweight JavaScript library, used to generate an array of color gradients, between start and finish colors.
Stars: ✭ 54 (-40%)
Mutual labels:  color, color-picker, color-palette
pantone-colors
Hex values of all 2310 Pantone colors
Stars: ✭ 147 (+63.33%)
Mutual labels:  color, color-picker, color-palette
Colours
A beautiful set of predefined colors and a set of color methods to make your iOS/OSX development life easier.
Stars: ✭ 3,101 (+3345.56%)
Mutual labels:  color-scheme, color, color-palette
sanzo-wada
🎨 Interactive version of Sanzo Wada's - "A Dictionary of Color Combinations"
Stars: ✭ 139 (+54.44%)
Mutual labels:  color, color-scheme, color-palette
Chromacolorpicker
🎨 An intuitive iOS color picker built in Swift.
Stars: ✭ 434 (+382.22%)
Mutual labels:  color, color-picker, color-palette
Gvcci
color extraction to turn images into 16 color palettes
Stars: ✭ 86 (-4.44%)
Mutual labels:  color-scheme, color, color-palette
react-native-image-color-picker
Image color picker based on image source provided and return image different color palettes or average color palette
Stars: ✭ 25 (-72.22%)
Mutual labels:  color, color-picker, color-palette
react-native-color-panel
React Native Color Panel Component for iOS and Android 🏳️‍🌈
Stars: ✭ 21 (-76.67%)
Mutual labels:  color, color-picker, color-palette
Fuel Price
⛽ Check fuel prices daily in most of the states in India
Stars: ✭ 20 (-77.78%)
Mutual labels:  pwa, preact, progressive-web-app

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?" 🤔
The initial version took less than 2 hours and I was pretty happy with it.* 😄

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

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

Development

Commands

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

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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].