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

  •        720

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.

https://github.com/jariz/vibrant.js

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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.

palette - Node.js image color palette extraction with node-canvas

  •    Javascript

Note: Palette's dependency, node-canvas, requires that Cairo be installed. Please see the installation guide for node-canvas for further details.Palette's public API consists of a single function, the one returned by require(). This function accepts the canvas you wish to compute a color palette for, and an optional number of samples defaulting to 5.

colorific - Automatic color palette detection

  •    Python

Image palette detection in Python modelled after Paul Annesley's color detector in PHP. colorific determines what the most important colors used in your image are, and if one of them is a background color. You can then run colorific from ./colorific-sandbox/bin/colorific.


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.

react-avatar-editor - Avatar & profile picture component editor

  •    Javascript

Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.

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

  •    Python

A Python module for grabbing the color palette from an image. Thanks to Lokesh Dhakar for his original work.

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.

nude.js - Nudity detection with JavaScript and HTMLCanvas

  •    Javascript

nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and afterwards decide whether it should be displayed or not. The detection algorithm runs at the client, therefore it's possible (with user interaction) to display the image even if it's identified as nude (false positive) The real world usage for client side nudity detection could be in webproxies with child security filters, and maybe even more (e.g. on social media plattforms) nude.js is Open Source. Contributions are very welcome, the goal is to build a reliable client-side nudity scanner.Test the nudity detection script on several predefined images, I didn't have enough time to build a nice demo with flickr image support but feel free to test some of your images too. nude.js is currently supported in IE9(excanvas), FF 3.6+, Chrome, Safari and Opera. For really fast results try Chrome.

ColorKit - Advanced color manipulation for iOS.

  •    Swift

ColorKit is your companion to work with colors on iOS. ColorKit makes it easy to find the dominant colors of an image. It returns a color palette of the most common colors on the image.

Crunch - Insane(ly slow but wicked good) PNG image optimization

  •    Python

Crunch is a tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using the pngquant and zopflipng PNG optimization tools. This approach leads to a significant file size gain relative to lossless approaches at the expense of a relatively modest decrease in image quality (see example images below). Historical benchmarks with the files included in Cédric Louvrier's PNG Test Corpus versus other commonly used PNG optimization software are available in BENCHMARKS.md.

nord - An arctic, north-bluish color palette.

  •    CSS

An arctic, north-bluish color palette. Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax highlighting and UI. It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful ambiance.

r-color-palettes - Comprehensive list of color palettes available in r

  •    R

The goal of this repository is to have a one stop destination for anyone looking for a color palette to use in r. If you would like to help/contribute please feel free post an issue, PR or send a email to emilhhvitfeldt@gmail.com. Further down the page is all the palettes available in the R ecosystem ordered alphabetically by package name. A list of palettes ordered by type can be found here Type sorted palettes to shorten the length of this page.

digiKam - Advanced Digital Photo Management

  •    C++

digiKam is an advanced digital photo management application for KDE, which makes importing and organizing digital photos a snap. The photos can be organized in albums which can be sorted chronologically, by directory layout or by custom collections. It provides support to add tag, comment to your images.

rgbaster.js - 🎨 A simple library for extracting dominant colors from images.

  •    Javascript

A dead simple javascript library for extracting the dominant color(s) from an image. Usage is simple. Create an image (or grab an image URL), then get its dominant color & palette.

colour - Colour Science for Python

  •    Python

Colour is a Python colour science package implementing a comprehensive number of colour theory transformations and algorithms. It is open source and freely available under the New BSD License terms.

Colorful - A curated list of awesome resources to choose your next color scheme

  •    

A curated list of awesome resources to choose your next color scheme. Inspired by the awesome list. Please read the contribution guidelines before contributing. This work is licensed under a Creative Commons Attribution 4.0 International License. Image credits - Aleksandar Savić and Nenad Zivanovic.

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.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.