color-js - A color management API for javascript

  •        18

I no longer have time to maintain this project in a timely manner and am looking for someone to take over. If you are interested please contact me. Color.js provides an API to do simple color management in javascript. Color objects provide methods to do a number of common, useful operations independent of the underlying color model they need.

https://github.com/brehaut/color-js#readme

Tags
Implementation
License
Platform

   




Related Projects

polychrome - 🎨 Easy color manipulation in ~2kb (gzipped)

  •    TypeScript

colorString can be a hex (3 or 6 digit), rgb(a), or hsl(a) string. Returns a polychrome object.

color - :rainbow: Javascript color conversion and manipulation library

  •    Javascript

JavaScript library for immutable color conversion and manipulation with support for CSS color strings. Convert a color to a different space (hsl(), cmyk(), etc.).

styled-components-theme - Defines themes via flexible color selectors for use with styled-components

  •    Javascript

styled-components-theme generates selectors for colors in your styled-components theme that allows color manipulation, using the color library via calls on the selectors themselves. A selector, in this context, is defined as a function that looks like (props) => props.theme.myColor that the styled-components library accepts as a template variable.

pickr - Flat, simple, responsive and hackable Color-Picker

  •    Javascript

Be sure to load the pickr.min.js after pickr.min.css. Moreover the script tag doesn't work with the defer attribute. As default color representation is hsva (hue, saturation, value and alpha) used, but you can also convert it to other formats as listed below.

chromatic-sketch - Sketch plugin for creating good-looking and perceptually uniform gradients and color scales

  •    Javascript

I came across this blog post recently. It opened my eyes to the Lab color space, and how you can use it to create perceptually uniform gradients and color scales with SASS. Chroma.js is the underlying library powering it. Check it out if you want a deeper understanding of the Lab color space and why it's good for creating color scales. Basically, it's a color space that, unlike RGB, was built to mirror the visual response of the human eye. That makes it very well suited for interpolating colors. This command will take the gradient of the selected shape and add new color stops to create a more aesthetically pleasing one.


color-schemer - A sassy way to build color schemes

  •    CSS

Color schemer is a robust color toolset for Sass. It expands on the existing Sass color functions and adds things like RYB manipulation, * set-hue, * set-lightness, tint, shade and more. It also leverages these tools adding a full-featured color scheming tool that allows you to set one primary color and create whole color schemes around it. gem install color-schemer in your terminal.

open-color - Color scheme for UI design.

  •    CSS

Open color is an open-source color scheme optimized for UI like font, background, border, etc. Import the file to your project and use the variables.

color-names - Massive color dictionary 🌈

  •    Javascript

A handpicked list of 17530 unique color names from various sources and thousands of user submissions. Try it yourself or read the full list. The aim of this project is to create as large a list of color names as possible. We've merged various lists, modified the names when there were duplicates with different hex values, and shifted the colors a bit when there were identical colors with different names.

Color Clutch

  •    C++

Color Clutch is a solution to a color calibration problem found across various versions of Windows. Some full-screen applications (e.g. games) are unable to hold monitor color calibration, leading to incorrect color. Color Clutch prevents this.

color-thief - Grabs the dominant color or a representative color palette from an image

  •    Javascript

A script for grabbing the color palette from an image. Uses Javascript and the canvas tag to make it happen.In this example, we build an 8 color palette.

chroma.js - JavaScript library for all kinds of color manipulations

  •    CoffeeScript

Chroma.js is a tiny JavaScript library (14kB) for all kinds of color conversions and color scales. Why not dive into the interactive documentation (there's a static version, too). You can download chroma.min.js or use the hosted version on cdnjs.com.

scss-blend-modes - Using standard color blending functions in SASS.

  •    CSS

CSS doesn't natively support color blending the way that Photoshop does. This library attempts to fake that by allowing you to blend a foreground color with a background color in order to approximate color blending. This is not a dynamic blend; you can't use this to blend a color with an image. This was originally intended for use with the Compass Photoshop Drop Shadow Plugin but it proved impractical to integrate. Adobe has been working on a W3C spec to add blend modes to CSS3. However, CSS blend modes have extremely limited support in browsers, as of September 2013. This library is not a polyfill for those blend modes. A polyfill for dynamic blend modes will require something like SVG and JavaScript and would likely be quite complicated (or impossible).

emojione-color-font - End of Life. Switch to https://github.com/eosrei/twemoji-color-font

  •    Makefile

Upstream licensing has changed (details). This is the final release of this project. There will be no further updates. Switch to Twitter Color Emoji SVGinOT Font for Unicode 10.0 and Emoji 5.0. A color and B&W emoji SVGinOT font built from EmojiOne artwork with support for ZWJ, skin tone diversity and country flags.

twemoji-color-font - Color emoji SVGinOT font using Twitter Unicode 10 emoji with diversity and country flags

  •    Makefile

A color and B&W emoji SVGinOT font built from the Twitter Emoji for Everyone artwork with support for ZWJ, skin tone diversity and country flags. The font works in all operating systems, but will currently only show color emoji in Firefox, Thunderbird, Photoshop CC 2017, and Windows Edge V38.14393+. This is not a limitation of the font, but of the operating systems and applications. Regular B&W outline emoji are included for backwards/fallback compatibility.

colorable - Color combination contrast tester

  •    HTML

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines. Pass an array of color strings or an object with color strings as values.

Alembic - ⚗️ Extract a color palette from Sketch images

  •    Javascript

A Sketch plugin to extract a color palette from any layer that contains bitmap data. This works for both images and layers with a Pattern fill. Alembic uses Color Thief to extract a representative color palette. Hi, we’re Awkward. A while ago, we came across this Tweet with an idea for a Sketch plugin that extracts color palettes from images. We felt like it was perfect to experiment with and the idea resulted in Alembic.

PleaseJS - JavaScript Library for creating random pleasing colors and color schemes

  •    Javascript

Please.js is a polite companion that wants to help you make your projects beautiful. It uses HSV color space to create random pleasing colors as well as color schemes based on a given color. It has two core functions and a bunch of little helpers for you to use. The make_color function by default will generate and return a random hex string using the golden ratio to ensure that the color will look nice on your screen.

toxiclibsjs - Toxiclibsjs is a library for computational design tasks with JavaScript

  •    Javascript

Toxiclibs.js is a port of Karsten Schmidt's Toxiclibs for Java and Processing. Toxiclibs.js provides powerful datatypes for the browser and node. It works well for manipulating any DOM element, including Canvas and SVG. The plethora of examples demonstrate its use for geometry and color manipulation as well as physics, automata and more. The examples pair with such fine libraries as: Processing.js, Three.js, D3.js or Raphael.js.

clui - Command Line UI toolkit for Node.js

  •    Javascript

October 8, 2014 - Adding Line.contents() for fetching the contents of a line as a string. June 2, 2014 - Fixed a crash caused by inability to locate the required trim helper in the latest version of cli-color. (And locked down the version of the cli-color dependency to stop this from ever happening again.) Also removed lodash as a dependency in favor of vanilla JS, to keep installs faster and smaller than ever.