colorify
Version:
a collection of color tools
3 lines • 17.9 kB
JavaScript
/* autogenerated by gulpfile.js */
exports.main = "<h1 id=\"colorify\">colorify</h1>\n<p>Colorify is a collection of color tools that comes in three forms:\na <a href=\"http://projects.skratchdot.com/colorify\">website</a>,\na <a href=\"#2-command-line-tool\">command line tool</a>, and\na <a href=\"#3-node-js-library\">node.js library</a>:</p>\n<h3 id=\"1-website\">1. Website</h3>\n<p>The website is built on <a href=\"http://facebook.github.io/react/\">react</a>, and contains\na few <strong>toy apps</strong> that can manipulate and display colors.</p>\n<ul>\n<li><a href=\"http://projects.skratchdot.com/colorify/\">Colorify: Page: Home</a></li>\n<li><a href=\"http://projects.skratchdot.com/colorify/about\">Colorify: Page: About</a></li>\n<li><a href=\"http://projects.skratchdot.com/colorify/stats\">Colorify: App: Stats</a></li>\n<li><a href=\"http://projects.skratchdot.com/colorify/mixer\">Colorify: App: Mixer</a></li>\n<li><a href=\"http://projects.skratchdot.com/colorify/math\">Colorify: App: Math</a></li>\n</ul>\n<h3 id=\"2-command-line-tool\">2. Command Line Tool</h3>\n<p>The cli can be installed by running <code>npm install -g colorify</code>. This will\nadd <code>colorify</code> to your PATH. For the command line options, you can run\n<code>colorify --help</code>:</p>\n<pre><code class=\"lang-bash\">> colorify --help\n\nUsage: colorify [options] [command]\n\n\nCommands:\n\n help print help information (alias for using -h or --help)\n random [options] get a random color\n stats [options] [color] get color stats about an input string\n\nOptions:\n\n -h, --help output usage information\n -v, --version output the version number\n</code></pre>\n<pre><code class=\"lang-bash\">> colorify random --help\n\n Usage: random [options]\n\n get a random color\n\n Options:\n\n -h, --help output usage information\n -f, --format <format> css format types: hex, rgb, percent, hsl, hwb\n</code></pre>\n<pre><code class=\"lang-bash\">> colorify stats --help\n\n Usage: stats [options] [color]\n\n get color stats about an input string\n\n Options:\n\n -h, --help output usage information\n -p, --path <path> only show the specified path (i.e. schemes.tetradic.2)\n</code></pre>\n<h4 id=\"examples\">Examples</h4>\n<pre><code class=\"lang-bash\">$ colorify random\n</code></pre>\n<pre><code class=\"lang-bash\">#E13954\n$ colorify random\n#A8A3E5\n</code></pre>\n<pre><code class=\"lang-bash\">$ colorify random -f rgb\nrgba(137, 102, 186, 0.64)\n</code></pre>\n<pre><code class=\"lang-bash\">$ colorify stats --path "hex" "orange"\n#ffa500\n</code></pre>\n<pre><code class=\"lang-bash\">$ colorify stats --path "websafe" "orange"\n#ff9900\n</code></pre>\n<pre><code class=\"lang-bash\">$ colorify stats red\n "lib": {\n "onecolor": {\n "red": 1,\n "green": 0,\n "blue": 0,\n "alpha": 1,\n "hue": 0,\n "saturation": 1,\n "value": 1,\n "lightness": 0.5,\n "cyan": 0,\n "magenta": 1,\n "yellow": 1,\n "black": 0,\n "x": 0.4124564,\n "y": 0.2126729,\n "z": 0.0193339,\n "l": 1,\n "a": 1,\n "b": 0,\n "hex": "#ff0000",\n "hexa": "#ffff0000",\n "css": "rgb(255,0,0)",\n "cssa": "rgba(255,0,0,1)",\n "cmyk": [\n "CMYK",\n 0,\n 1,\n 1,\n 0,\n 1\n ],\n "hsl": [\n "HSL",\n 0,\n 1,\n 0.5,\n 1\n ],\n "hsv": [\n "HSV",\n 0,\n 1,\n 1,\n 1\n ],\n "lab": [\n "LAB",\n 1,\n 1,\n 1,\n 1\n ],\n "rgb": [\n "RGB",\n 1,\n 0,\n 0,\n 1\n ],\n "xyz": [\n "XYZ",\n 0.4124564,\n 0.2126729,\n 0.0193339,\n 1\n ]\n },\n "color": {\n "rgb": {\n "r": 255,\n "g": 0,\n "b": 0\n },\n "hsl": {\n "h": 0,\n "s": 100,\n "l": 50\n },\n "hsv": {\n "h": 0,\n "s": 100,\n "v": 100\n },\n "cmyk": {\n "c": 0,\n "m": 100,\n "y": 100,\n "k": 0\n },\n "rgbArray": [\n 255,\n 0,\n 0\n ],\n "hslArray": [\n 0,\n 100,\n 50\n ],\n "hsvArray": [\n 0,\n 100,\n 100\n ],\n "cmykArray": [\n 0,\n 100,\n 100,\n 0\n ],\n "rgbaArray": [\n 255,\n 0,\n 0,\n 1\n ],\n "hslaArray": [\n 0,\n 100,\n 50,\n 1\n ],\n "alpha": 1,\n "red": 255,\n "green": 0,\n "blue": 0,\n "hue": 0,\n "saturation": 100,\n "lightness": 50,\n "saturationv": 100,\n "value": 100,\n "cyan": 0,\n "magenta": 100,\n "yellow": 100,\n "black": 0,\n "hexString": "#FF0000",\n "rgbString": "rgb(255, 0, 0)",\n "rgbaString": "rgba(255, 0, 0, 1)",\n "percentString": "rgb(100%, 0%, 0%)",\n "hslString": "hsl(0, 100%, 50%)",\n "hslaString": "hsla(0, 100%, 50%, 1)",\n "keyword": "red",\n "luminosity": 0.2126,\n "dark": true,\n "light": false\n }\n },\n "alpha": 1,\n "cmyk": {\n "c": 0,\n "m": 100,\n "y": 100,\n "k": 0\n },\n "hsl": {\n "h": 0,\n "s": 100,\n "l": 50\n },\n "hsv": {\n "h": 0,\n "s": 100,\n "v": 100\n },\n "rgb": {\n "r": 255,\n "g": 0,\n "b": 0\n },\n "rgbPercent": {\n "r": 100,\n "g": 0,\n "b": 0\n },\n "hex": "#ff0000",\n "hexTriplet": "ff0000",\n "isRandom": false,\n "parseSuccessful": true,\n "closest": {\n "name": "Red",\n "rgb": [\n 255,\n 0,\n 0\n ]\n },\n "websafe": "#ff0000",\n "websmart": "#ff0000",\n "isWebsafe": true,\n "isWebsmart": true,\n "schemes": {\n "complementary": [\n "#ff0000",\n "#00ffff"\n ],\n "splitComplementary": [\n "#ff0000",\n "#00ff80",\n "#ff00aa"\n ],\n "splitComplementaryCW": [\n "#ff0000",\n "#00ff80",\n "#ff00ff"\n ],\n "splitComplementaryCCW": [\n "#ff0000",\n "#ffff00",\n "#0080ff"\n ],\n "triadic": [\n "#ff0000",\n "#00ff00",\n "#0000ff"\n ],\n "clash": [\n "#ff0000",\n "#80ff00",\n "#8000ff"\n ],\n "tetradic": [\n "#ff0000",\n "#80ff00",\n "#00ffff",\n "#8000ff"\n ],\n "fourToneCW": [\n "#ff0000",\n "#ffff00",\n "#00ffff",\n "#0000ff"\n ],\n "fourToneCCW": [\n "#ff0000",\n "#00ff00",\n "#00ffff",\n "#ff00ff"\n ],\n "fiveToneA": [\n "#ff0000",\n "#15ff00",\n "#00ff95",\n "#0095ff",\n "#1500ff"\n ],\n "fiveToneB": [\n "#ff0000",\n "#ffaa00",\n "#80ff00",\n "#00ff2a",\n "#1500ff"\n ],\n "fiveToneC": [\n "#ff0000",\n "#ffd500",\n "#80ff00",\n "#0095ff",\n "#ff00aa"\n ],\n "fiveToneD": [\n "#ff0000",\n "#ffaa00",\n "#00ff95",\n "#8000ff",\n "#ff00d4"\n ],\n "fiveToneE": [\n "#ff0000",\n "#15ff00",\n "#002aff",\n "#8000ff",\n "#ff00aa"\n ],\n "sixToneCW": [\n "#ff0000",\n "#ff8000",\n "#00ff00",\n "#00ff80",\n "#0000ff",\n "#8000ff"\n ],\n "sixToneCCW": [\n "#ff0000",\n "#80ff00",\n "#00ff00",\n "#0080ff",\n "#0000ff",\n "#ff0080"\n ],\n "neutral": [\n "#ff0000",\n "#ff4000",\n "#ff8000",\n "#ffbf00",\n "#ffff00",\n "#bfff00"\n ],\n "analogous": [\n "#ff0000",\n "#ff8000",\n "#ffff00",\n "#80ff00",\n "#00ff00",\n "#00ff80"\n ]\n },\n "shades": [\n "#ff0000",\n "#e60000",\n "#cc0000",\n "#b30000",\n "#990000",\n "#800000",\n "#660000",\n "#4d0000",\n "#330000",\n "#1a0000"\n ],\n "tints": [\n "#ff0000",\n "#ff1a1a",\n "#ff3333",\n "#ff4d4d",\n "#ff6666",\n "#ff8080",\n "#ff9999",\n "#ffb3b3",\n "#ffcccc",\n "#ffe5e5"\n ],\n "tones": [\n "#ff0000",\n "#f20d0d",\n "#e51a1a",\n "#d92626",\n "#cc3333",\n "#bf4040",\n "#b24d4d",\n "#a65959",\n "#996666",\n "#8c7373"\n ],\n "blind": {\n "protanomaly": "#b75013",\n "protanopia": "#8f7e1e",\n "deuteranomaly": "#c34c00",\n "deuteranopia": "#a17800",\n "tritanomaly": "#fe0f00",\n "tritanopia": "#fd1700",\n "achromatomaly": "#7f2323",\n "achromatopsia": "#363636"\n }\n}\n</code></pre>\n<h3 id=\"3-node-js-library\">3. Node.js Library</h3>\n<p>In it's current state, this is a pretty lame node.js library. All it does is\nexpose access to some other helpful color libraries and includes a few helper\nfunctions that were needed for the colorify website. The libraries that are\nincluded are:</p>\n<ul>\n<li><a href=\"https://github.com/harthur/color\">color</a></li>\n<li><a href=\"https://github.com/skratchdot/color-blind\">color-blind</a></li>\n<li><a href=\"https://github.com/skratchdot/color-harmony\">color-harmony</a></li>\n<li><a href=\"https://github.com/skratchdot/color-quantize\">color-quantize</a></li>\n<li><a href=\"https://github.com/c0bra/color-scheme-js\">color-scheme</a></li>\n<li><a href=\"https://github.com/skratchdot/color-stats\">color-stats</a></li>\n<li><a href=\"https://github.com/SimonWaldherr/ColorConverter.js\">colorconverter</a></li>\n<li><a href=\"https://www.npmjs.org/package/colorname\">colorname</a></li>\n<li><a href=\"https://github.com/One-com/one-color\">onecolor</a></li>\n</ul>\n<p>You can install the library by running <code>npm install colorify</code> and use it:</p>\n<pre><code class=\"lang-javascript\">var colorify = require('colorify');\nconsole.log(Object.keys(colorify.lib)); // outputs:\n // [\n // 'color',\n // 'colorBlind',\n // 'colorHarmony',\n // 'colorQuantize',\n // 'colorScheme',\n // 'colorStats',\n // 'colorConverter',\n // 'colorName',\n // 'onecolor'\n // ]\n</code></pre>\n<h4 id=\"other-js-libs-to-check-out\">Other js libs to check out</h4>\n<ul>\n<li><a href=\"https://github.com/jrus/chromatist\">chromatist</a></li>\n<li><a href=\"https://github.com/gka/chroma.js\">chroma.js</a></li>\n<li>...more to add? submit a <a href=\"https://github.com/skratchdot/colorify/pulls\">pull request</a></li>\n</ul>\n<h4 id=\"source-code\">Source Code</h4>\n<ul>\n<li><a href=\"https://github.com/skratchdot/colorify\">Source Code on Github</a></li>\n</ul>\n<h2 id=\"for-developers\">For Developers</h2>\n<h3 id=\"clone-the-project\">Clone the Project</h3>\n<pre><code class=\"lang-bash\">git clone https://github.com/skratchdot/colorify.git\ncd colorify\n</code></pre>\n<h3 id=\"install-the-dependencies\">Install the Dependencies</h3>\n<pre><code class=\"lang-bash\">npm install\n</code></pre>\n<h3 id=\"run-the-application-and-watch-for-changes-\">Run the Application (and watch for changes)</h3>\n<pre><code class=\"lang-bash\">gulp\n</code></pre>\n<p>Now browse to the app at <a href=\"http://localhost:8080/colorify\">http://localhost:8080/colorify</a></p>\n<h2 id=\"license\">License</h2>\n<p>Copyright (c) 2014 <a href=\"http://skratchdot.com/\">skratchdot</a><br>Licensed under the MIT license.</p>\n";
exports.links = "<h2 id=\"other-links-tools\">Other Links / Tools</h2>\n<ul>\n<li><a href=\"http://en.wikipedia.org/wiki/Color_theory\">Color Theory on Wikipedia</a></li>\n<li><a href=\"http://www.handprint.com/HP/WCL/wcolor.html\">Color Theory on HandPrint.com</a></li>\n<li><a href=\"https://kuler.adobe.com/\">Adobe Kuler</a></li>\n<li><a href=\"http://mudcu.be/sphere/\">Color Sphere</a></li>\n<li><a href=\"http://www.colorhexa.com/\">Color Hexa</a></li>\n<li><a href=\"http://colrd.com/\">Colrd.com</a></li>\n<li><a href=\"http://paletton.com/\">Paletton.com</a></li>\n<li><a href=\"http://bahamas10.github.io/ryb/\">RYB Color Wheel</a></li>\n<li><a href=\"http://colorblendy.com\">ColorBlendy</a></li>\n<li><a href=\"http://colourco.de/\">ColourCo.de</a></li>\n<li><a href=\"http://color.hailpixel.com/\">Color @ hailpixel.com</a></li>\n<li><a href=\"http://hslpicker.com\">hslpicker</a></li>\n<li><a href=\"http://colorblender.com\">ColorBlender</a></li>\n<li><a href=\"http://www.colorschemer.com/online.html\">ColorSchemer</a></li>\n<li><a href=\"http://coolors.co\">Coolors</a></li>\n<li><a href=\"http://www.checkman.io/please/\">Please.js</a></li>\n<li><a href=\"http://lovelypalettes.com/\">Lovely Palettes</a></li>\n<li><a href=\"http://www.color-hex.com/\">Color-Hex</a></li>\n<li><a href=\"http://www.colorshare.co/\">Color Share</a></li>\n<li><a href=\"http://uigradients.com\">UI Gradients</a></li>\n<li><a href=\"http://paintbycode.github.io/gradient-generator/\">Random CSS Gradient Generator</a></li>\n<li><a href=\"http://elrumordelaluz.github.io/draGGradients/\">draGGradients</a></li>\n<li><a href=\"bada55.io\">http://bada55.io</a></li>\n<li><a href=\"http://www.ficml.org/jemimap/style/color/wheel.html\">4096 Color Wheel</a></li>\n<li><a href=\"http://allprofitallfree.com/color-wheel2.html\">AllProfitAllFree - Color Wheel</a></li>\n<li><a href=\"http://design.geckotribe.com/colorwheel/\">Color Wheel & Color Scheme Generator</a></li>\n<li><a href=\"http://colorotate.org/\">ColoRotate</a></li>\n<li><a href=\"http://colorsontheweb.com/\">Colors On The Web</a></li>\n<li><a href=\"http://www.colourlovers.com/\">Colour Lovers</a></li>\n<li><a href=\"http://colr.org/\">Colr</a></li>\n<li><a href=\"http://www.gpeters.com/color/color-schemes.php\">Instant Color Schemes</a></li>\n<li><a href=\"http://colorcodehex.com\">Color Code Hex</a></li>\n<li><a href=\"http://penguingeorge.com/products/colordrop/\">Colordrop</a></li>\n<li><a href=\"http://thesiteslinger.com/blog/making-color-contrast-checks-a-part-of-your-web-workflow/\">Color Contrast Links</a></li>\n<li><a href=\"http://jxnblk.com/colorable/\">Colorable</a></li>\n<li><a href=\"https://www.youtube.com/watch?v=LKnqECcg6Gw\">Computer Color Is Broken</a></li>\n<li><a href=\"http://colours.neilorangepeel.com/\">CSS Colours</a></li>\n<li><a href=\"http://htmlcolorcodes.com/\">HTML Color Codes</a></li>\n<li><a href=\"http://www.colormatters.com/\">Color Matters</a></li>\n</ul>\n<p><strong><em>Have a link to share? Submit a <a href=\"https://github.com/skratchdot/colorify/pulls\">pull request</a> to add to this list.</em></strong></p>\n";