Colorify.js - The simple, customizable, tiny javascript color extractor

  •        7

The simple, customizable, tiny javascript color extractor.



Related Projects

ColorCube - Dominant color extraction for iOS, macOS and Python

  •    Objective-C

In a current iOS project I needed to get dominant colors from images. Some hints were going into some code that tried to mimic iTunes way of doing it, but they did not work for me. So I did this thing, called ColorCube. It performs fast and easy color extraction from RGB images on iOS using a 3d histogram ("color cube"). It is fast because in order to extract colors you can downscale your image if it is too large and still get nice colors.

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.

vibrant.js - Extract prominent colors from an image. JS port of Android's Palette.

  •    CoffeeScript

Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. Please file issues over on the node-vibrant repo, this repo is kept solely for historical reasons, but ongoing development will happen over there. Despite node-vibrant's name, it works with both node and the browser (with and without UMD support). It is highly recommended you use that project over this one.

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.

color-extractor - Extract colors from an image like a human would do.

  •    PHP

Extract colors from an image like a human would do.By default any pixel with alpha value greater than zero will be discarded. This is because transparent colors are not perceived as is. For example fully transparent black would be seen white on a white background. So if you want to take transparency into account when building a palette you have to specify this background color. You can do this with the second argument of Palette constructors. Its default value is null, meaning a color won't be added to the palette if its alpha component exists and is greater than zero.

randomColor - A tiny script for generating attractive colors

  •    Javascript

A tiny script for generating attractive random colors. See the demo for an explanation and some samples. randomColor has been ported to C#, C++, Go, Haskell, PHP, Python, Swift, Objective-C, Java, R and Rust. hue – Controls the hue of the generated color. You can pass a string representing a color name: red, orange, yellow, green, blue, purple, pink and monochrome are currently supported. If you pass a hexidecimal color string such as #00FFFF, randomColor will extract its hue value and use that to generate colors.

Chameleon - Color framework for Swift & Objective-C (Gradient colors, hexcode support, colors from images & more)

  •    Objective-C

Chameleon is a lightweight, yet powerful, color framework for iOS (Objective-C & Swift). It is built on the idea that software applications should function effortlessly while simultaneously maintaining their beautiful interfaces. With Chameleon, you can easily stop tinkering with RGB values, wasting hours figuring out the right color combinations to use in your app, and worrying about whether your text will be readable on the various background colors of your app.

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.

node-vibrant - Extract prominent colors from an image

  •    TypeScript

Extract prominent colors from an image. Quantization is the most time-consuming stage in node-vibrant. In v3.0, the quantization can be run in the WebWorker to avoid freezing the UI thread.

grade - This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images

  •    Javascript

Download this repo and grab the grade.js file from the /docs/dist folder. If you pass in a 3rd parameter and it's a function, the HTML element(s) you passed in as the 1st parameter will not be manipulated, but an array will be returned to you, for you to do as you please with, ie.

ColorPickerView - 🎨 The most standard and powerful colorpicker library.

  •    Java

You can use ColorPickerView just like ImageView and get HSV colors, RGB values, Html color codes from your gallery pictures or custom images by tapping on the desired color. You can get colors using multi selectors. At Multi-ColorPicker you can get more specialized library in multi-coloring.

imgix.js - Responsive images in the browser, simplified.

  •    Javascript

imgix.js is a dependency-free JavaScript library that allows you to easily use the imgix API to make images on your site or app responsive to device size and pixel density. imgix.js allows for intuitive use of imgix features such as text formatting, color palette extraction, color adjustments, effects, and watermarking. imgix.js requires an imgix account to use your own images. Sign up at

FlexiColorPicker - A pure JavaScript color picker - no images, external libraries, CSS or 1px divs.

  •    Javascript

FlexiColorPicker is based on HSV color model. The only two parts of the color picker are therefore the slider for selecting hue value and the picker for selecting saturation and value. Both the slider and picker are HTML elements (usually <div>'s) that serve as wrappers for SVG/VML gradient rectangles. The slider gradient rectangle represents the hue value (gradient with 9 stop-colors). The two overlapping black and white gradient rectangles of the picker represent the saturation and value values. The top level elements (<svg> in case of SVG enabled browser and <div> in case of VML enabled browser) that wrap each of the slider and picker gradient rectangles have set width and height to 100% which means that the color picker components (slider and picker) adjust themselfs automatically to the dimensions of the slider and picker HTML elements. This is the no-hassle form of creating the color picker. This is the recommended call.

TCPDF - PHP class for generating PDF

  •    PHP

TCPDF is a PHP class for generating PDF documents without requiring external extensions. TCPDF Supports UTF-8, Unicode, RTL languages, XHTML, Javascript, digital signatures, barcodes and much more.

UIColor-MLPFlatColors - A category for UIColor that adds flat UI color methods. For iOS.

  •    Objective-C

Although the UIColor class comes with built in convenience methods for producing standard colors, most of these colors are too bright and gaudy for any real use other than prototyping. So, here's a category for UIColor that adds 20 new colors that developers may actually want to use in a real app, based off the current trend of flat color schemes. It's called UIColor+MLPFlatColors. UIColor+MLPFlatColors is a category for UIColor that adds class methods to conveniently produce 20 new colors designed for flat or semi-flat interface designs. It also adds some methods for choosing a random color out of these new colors, and a macro for converting hex values to an RGB color.

Iris - A(n awesome) Color Picker

  •    Javascript

Iris uses CSS3 Gradients for everything, so it'll look awesome on HiDPI displays out of the box. Initially developed for Custom Colors on and shipping with WordPress 3.5+.See the Iris project page.


  •    CSS

Super sassy and super easy CSS3 buttons. Sassy buttons offer five gradient styles for your buttons. These gradients are generated for you based on the colors you provide. If you don't provide a second color, the mixin will create one for you.

ComplimentaryGradientView - Create complementary gradients generated from dominant and prominent colors in supplied image

  •    Swift

Download and drop ComplimentaryGradientView.xcodeproj into your project OR Drag Source folder into your project. ComplimentaryGradientView is available under the MIT license. See the LICENSE file for more info.

ColorPickerPreference - 🎨 A library that let you implement ColorPicker, ColorPickerDialog, ColorPickerPreference

  •    Java

A library that let you implement ColorPickerView, ColorPickerDialog, ColorPickerPreference. Could get HSV color, RGB values, Html color code from your gallery pictures or custom images just by touching. Could be used just like using ImageView and provides colors from any images.

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.