{"id":16731498,"url":"https://github.com/skratchdot/colorify","last_synced_at":"2025-03-21T21:31:20.362Z","repository":{"id":3230356,"uuid":"44917176","full_name":"skratchdot/colorify","owner":"skratchdot","description":"a collection of color tools","archived":false,"fork":false,"pushed_at":"2023-01-06T01:33:22.000Z","size":16405,"stargazers_count":13,"open_issues_count":16,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-18T05:23:21.089Z","etag":null,"topics":["color","color-blindness","color-scheme","color-theme","color-theory","colour","harmony","react"],"latest_commit_sha":null,"homepage":"http://projects.skratchdot.com/colorify/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skratchdot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-MIT","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-10-25T15:59:28.000Z","updated_at":"2025-03-17T18:09:40.000Z","dependencies_parsed_at":"2023-01-13T13:30:14.145Z","dependency_job_id":null,"html_url":"https://github.com/skratchdot/colorify","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Fcolorify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Fcolorify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Fcolorify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Fcolorify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skratchdot","download_url":"https://codeload.github.com/skratchdot/colorify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244874169,"owners_count":20524576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["color","color-blindness","color-scheme","color-theme","color-theory","colour","harmony","react"],"created_at":"2024-10-12T23:37:36.514Z","updated_at":"2025-03-21T21:31:17.734Z","avatar_url":"https://github.com/skratchdot.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# colorify\n\nColorify is a collection of color tools that comes in three forms:\na [website](http://projects.skratchdot.com/colorify),\na [command line tool](#2-command-line-tool), and\na [node.js library](#3-node-js-library):\n\n### 1. Website\n\nThe website is built on [react](http://facebook.github.io/react/), and contains\na few **toy apps** that can manipulate and display colors.\n\n- [Colorify: Page: Home](http://projects.skratchdot.com/colorify/)\n- [Colorify: Page: About](http://projects.skratchdot.com/colorify/about)\n- [Colorify: App: Stats](http://projects.skratchdot.com/colorify/stats)\n- [Colorify: App: Mixer](http://projects.skratchdot.com/colorify/mixer)\n- [Colorify: App: Math](http://projects.skratchdot.com/colorify/math)\n\n### 2. Command Line Tool\n\nThe cli can be installed by running `npm install -g colorify`. This will\nadd `colorify` to your PATH. For the command line options, you can run\n`colorify --help`:\n\n```bash\n\u003e 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```\n\n```bash\n\u003e 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 \u003cformat\u003e  css format types: hex, rgb, percent, hsl, hwb\n```\n\n```bash\n\u003e 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 \u003cpath\u003e  only show the specified path (i.e. schemes.tetradic.2)\n```\n\n#### Examples\n\n```bash\n$ colorify random\n#E13954\n```\n\n```bash\n$ colorify random\n#A8A3E5\n```\n\n```bash\n$ colorify random -f rgb\nrgba(137, 102, 186, 0.64)\n```\n\n```bash\n$ colorify stats --path \"hex\" \"orange\"\n#ffa500\n```\n\n```bash\n$ colorify stats --path \"websafe\" \"orange\"\n#ff9900\n```\n\n```bash\n$ 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```\n\n### 3. Node.js Library\n\nIn 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:\n\n- [color](https://github.com/harthur/color)\n- [color-blind](https://github.com/skratchdot/color-blind)\n- [color-harmony](https://github.com/skratchdot/color-harmony)\n- [color-quantize](https://github.com/skratchdot/color-quantize)\n- [color-scheme](https://github.com/c0bra/color-scheme-js)\n- [color-stats](https://github.com/skratchdot/color-stats)\n- [colorconverter](https://github.com/SimonWaldherr/ColorConverter.js)\n- [colorname](https://www.npmjs.org/package/colorname)\n- [onecolor](https://github.com/One-com/one-color)\n\nYou can install the library by running `npm install colorify` and use it:\n\n```javascript\nvar 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```\n\n#### Other js libs to check out\n\n- [chromatist](https://github.com/jrus/chromatist)\n- [chroma.js](https://github.com/gka/chroma.js)\n- ...more to add? submit a [pull request](https://github.com/skratchdot/colorify/pulls)\n\n#### Source Code\n\n- [Source Code on Github](https://github.com/skratchdot/colorify)\n\n## For Developers\n\n### Clone the Project\n\n```bash\ngit clone https://github.com/skratchdot/colorify.git\ncd colorify\n```\n\n### Install the Dependencies\n\n```bash\nnpm install\n```\n\n### Run the Application (and watch for changes)\n\n```bash\ngulp\n```\n\nNow browse to the app at [http://localhost:8080/colorify](http://localhost:8080/colorify)\n\n## Other Links / Tools\n\n- [Color Theory on Wikipedia](http://en.wikipedia.org/wiki/Color_theory)\n- [Color Theory on HandPrint.com](http://www.handprint.com/HP/WCL/wcolor.html)\n- [Adobe Kuler](https://kuler.adobe.com/)\n- [Color Sphere](http://mudcu.be/sphere/)\n- [Color Hexa](http://www.colorhexa.com/)\n- [Colrd.com](http://colrd.com/)\n- [Paletton.com](http://paletton.com/)\n- [RYB Color Wheel](http://bahamas10.github.io/ryb/)\n- [ColorBlendy](http://colorblendy.com)\n- [ColourCo.de](http://colourco.de/)\n- [Color @ hailpixel.com](http://color.hailpixel.com/)\n- [hslpicker](http://hslpicker.com)\n- [ColorBlender](http://colorblender.com)\n- [ColorSchemer](http://www.colorschemer.com/online.html)\n- [Coolors](http://coolors.co)\n- [Please.js](http://www.checkman.io/please/)\n- [Lovely Palettes](http://lovelypalettes.com/)\n- [Color-Hex](http://www.color-hex.com/)\n- [Color Share](http://www.colorshare.co/)\n- [UI Gradients](http://uigradients.com)\n- [Random CSS Gradient Generator](http://paintbycode.github.io/gradient-generator/)\n- [draGGradients](http://elrumordelaluz.github.io/draGGradients/)\n- [bada55.io](http://bada55.io/)\n- [4096 Color Wheel](http://www.ficml.org/jemimap/style/color/wheel.html)\n- [AllProfitAllFree - Color Wheel](http://allprofitallfree.com/color-wheel2.html)\n- [Color Wheel \u0026 Color Scheme Generator](http://design.geckotribe.com/colorwheel/)\n- [ColoRotate](http://colorotate.org/)\n- [Colors On The Web](http://colorsontheweb.com/)\n- [Colour Lovers](http://www.colourlovers.com/)\n- [Colr](http://colr.org/)\n- [Instant Color Schemes](http://www.gpeters.com/color/color-schemes.php)\n- [Color Code Hex](http://colorcodehex.com)\n- [Colordrop](http://penguingeorge.com/products/colordrop/)\n- [Color Contrast Links](http://thesiteslinger.com/blog/making-color-contrast-checks-a-part-of-your-web-workflow/)\n- [Colorable](http://jxnblk.com/colorable/)\n- [Computer Color Is Broken](https://www.youtube.com/watch?v=LKnqECcg6Gw)\n- [CSS Colours](http://colours.neilorangepeel.com/)\n- [HTML Color Codes](http://htmlcolorcodes.com/)\n- [Color Matters](http://www.colormatters.com/)\n- [I Want HUE](http://tools.medialab.sciences-po.fr/iwanthue/)\n- [Data Color Picker](https://learnui.design/tools/data-color-picker.html)\n- [CSS Gradient](https://cssgradient.io/)\n- [Color: From Hexcodes to Eyeballs](http://jamie-wong.com/post/color/)\n- [ColorBox](https://www.colorbox.io/)\n- [CodePen.io: Experimental Gradient Editor](https://codepen.io/meodai/full/xyqoEO/)\n- [PALX - Automatic UI Color Palette Generator](https://palx.jxnblk.com/)\n- [Grabient](https://www.grabient.com/)\n- [GradientsGuru](http://gradientsguru.com/)\n- [Eggradients](https://www.eggradients.com/)\n- [Web Gradients](https://webgradients.com/)\n- [Image Color Picker](https://image-color.com/)\n- [Color Zebra](https://mangara.github.io/Color-Zebra/)\n- [Accessible Color Generator](https://learnui.design/tools/accessible-color-generator.html)\n\n**_Have a link to share? Submit a [pull request](https://github.com/skratchdot/colorify/pulls) to add to this list._**\n\n## License\n\nCopyright (c) 2014 [skratchdot](http://skratchdot.com/)  \nLicensed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Fcolorify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskratchdot%2Fcolorify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Fcolorify/lists"}