colorify
Colorify is a collection of color tools that comes in three forms: a website, a command line tool, and a node.js library:
1. Website
The website is built on react, and contains a few toy apps that can manipulate and display colors.
- Colorify: Page: Home
- Colorify: Page: About
- Colorify: App: Stats
- Colorify: App: Mixer
- Colorify: App: Math
2. Command Line Tool
The cli can be installed by running npm install -g colorify
. This will
add colorify
to your PATH. For the command line options, you can run
colorify --help
:
> colorify --help Usage: colorify [options] [command] Commands: help print help information
> colorify random --help Usage: random [options] get a random color Options: -h, --help output usage information -f, --format <format> css format types: hex, rgb, percent, hsl, hwb
> colorify stats --help Usage: stats [options] [color] get color stats about an input string Options: -h, --help output usage information -p, --path <path> only show the specified path
Examples
$ colorify random
#E13954 $ colorify random#A8A3E5
$ colorify random -f rgbrgba
$ colorify stats --path "hex" "orange"#ffa500
$ colorify stats --path "websafe" "orange"#ff9900
$ colorify stats red "lib": , "alpha": 1, "cmyk": , "hsl": , "hsv": , "rgb": , "rgbPercent": , "hex": "#ff0000", "hexTriplet": "ff0000", "isRandom": false, "parseSuccessful": true, "closest": , "websafe": "#ff0000", "websmart": "#ff0000", "isWebsafe": true, "isWebsmart": true, "schemes": , "shades": [ "#ff0000", "#e60000", "#cc0000", "#b30000", "#990000", "#800000", "#660000", "#4d0000", "#330000", "#1a0000" ], "tints": [ "#ff0000", "#ff1a1a", "#ff3333", "#ff4d4d", "#ff6666", "#ff8080", "#ff9999", "#ffb3b3", "#ffcccc", "#ffe5e5" ], "tones": [ "#ff0000", "#f20d0d", "#e51a1a", "#d92626", "#cc3333", "#bf4040", "#b24d4d", "#a65959", "#996666", "#8c7373" ], "blind": }
3. Node.js Library
In it's current state, this is a pretty lame node.js library. All it does is expose access to some other helpful color libraries and includes a few helper functions that were needed for the colorify website. The libraries that are included are:
- color
- color-blind
- color-harmony
- color-quantize
- color-scheme
- color-stats
- colorconverter
- colorname
- onecolor
You can install the library by running npm install colorify
and use it:
var colorify = ;console; // outputs: // [ // 'color', // 'colorBlind', // 'colorHarmony', // 'colorQuantize', // 'colorScheme', // 'colorStats', // 'colorConverter', // 'colorName', // 'onecolor' // ]
Other js libs to check out
- chromatist
- chroma.js
- ...more to add? submit a pull request
Source Code
For Developers
Clone the Project
git clone https://github.com/skratchdot/colorify.gitcd colorify
Install the Dependencies
npm install
Run the Application (and watch for changes)
gulp
Now browse to the app at http://localhost:8080/colorify
Other Links / Tools
- Color Theory on Wikipedia
- Color Theory on HandPrint.com
- Adobe Kuler
- Color Sphere
- Color Hexa
- Colrd.com
- Paletton.com
- RYB Color Wheel
- ColorBlendy
- ColourCo.de
- Color @ hailpixel.com
- hslpicker
- ColorBlender
- ColorSchemer
- Coolors
- Please.js
- Lovely Palettes
- Color-Hex
- Color Share
- UI Gradients
- Random CSS Gradient Generator
- draGGradients
- http://bada55.io
- 4096 Color Wheel
- AllProfitAllFree - Color Wheel
- Color Wheel & Color Scheme Generator
- ColoRotate
- Colors On The Web
- Colour Lovers
- Colr
- Instant Color Schemes
- Color Code Hex
- Colordrop
- Color Contrast Links
- Colorable
- Computer Color Is Broken
- CSS Colours
- HTML Color Codes
- Color Matters
Have a link to share? Submit a pull request to add to this list.
License
Copyright (c) 2014 skratchdot
Licensed under the MIT license.