JavaScript libraries for all kinds of color manipulations.

Newest releases

5t3ph Generate accessible complementary text or UI colors as Sass variables and/or CSS custom properties from your base color tokens.

lokesh Grab the color palette from an image using just Javascript. Works in the browser and in Node.

rydmike FlexColorScheme can help you make beautiful color scheme based Flutter themes, with optional level of primary color branded surfaces. The created themes are based on the same concept as Flutter's ColorScheme based themes, but with

alnitak Animated triangles background widget with color gradients

dmarman Tailwind Ink is an AI palette generator trained with the Tailwindcss colors.

bernaferrari Making a coherent Material Design theme is hard. This is a Flutter plugin that generates a random color pallet based on Material Design while respecting WCAG guidelines.

JamelHammoud The time represented as hex color values

web-padawan vanilla-colorful is a port of react colorful to vanilla Custom Elements.

jeffersonlicet 🎨 A hook to grab a color palette from images. Render a skeleton color while your original image still loading.

scriptype I wanted to create a tool to sort the named CSS colors in a way that it shows related colors together. So, next time I can't decide between a few CSS colors, I can just check them here side by side.

rxlabz A Flutter color palette with eyedropper, HSL, RGB and Material colors

vinaypillai ac-colors is a reactive JavaScript color library that can freely convert between RGB, HSL, HEX, XYZ, LAB, LCHab, LUV, and LCHuv, as well as handle random color generation and contrast ratio calculation.

ricokahler color2k is a color parsing and manipulation library with the objective of keeping the bundle size as small as possible while still satisfying all of your color manipulation needs in an sRGB space

Qix- color JavaScript library for immutable color conversion and manipulation with support for CSS color strings. var color = Color('#7743CE').alpha(0.5).lighten(0.5); console.log(color.hsl().string()); // 'hsla(26

mattdesl paper-colors A set of 12 paper colors from various brands. This was sourced manually and by eye, so all colours are approximate, and the list is not exhaustive in any way. The colors are subject to change (PRs welcom

Hopsken ColorKitty Extract perfect palettes from delicious pictures Screenshot Feature Extract color palettes from pictures. Specify the number of colors you want. Drag to arrange color

jaames ⚠️ This readme is for iro.js v4, which is a major rewrite of the library. If you are still using v3 (version 3.5.1 and below) please read the migration guide. The v3 version of the library and documentation is pre

Simonwep Flat, Simple, Hackable Color-Picker. Fully Featured demo Features Themes Simple usage Zero dependencies Multiple color representatio

mzohaibqc CRA-ANTD This project is generated using create-react-app v2 and then added required configurations and dependencies to make a perfect starter project for Ant Design. In this project, we have setup less-loader with req

gka Chroma.js Chroma.js is a tiny JavaScript library (14kB) for all kinds of color conversions and color scales. Usage Initiate and manipulate colors: chroma('#D4F880').darken().hex(); // #9BC04B Working

anvaka Pixel Play This website allows you to play with pixels on the screen using WebGL. All you need to do is fill in a function that takes a point and returns its color: f(coordinate) => color You can immediately see th

mattdesl shader-reload This is an experimental interface for live shader reloading in ThreeJS, regl, and other WebGL frameworks. This means you can edit your GLSL shader files without re-starting your entire application state.

novoselrok Color Palette using WASM and K-Means DEMO Description Image is resized to maximum width of 1024 pixels The number of colors corresponds to the number of clusters in k-means K-means runs for 10 itera

chiefGui A micro, highly-customisable JavaScript library to create shades of colors Documentation Getting started Usage API FAQ Tests yarn test or npm test Build yarn build or npm bui

hectahertz Color components for React Native. JavaScript-only, for iOS and Android. Example Run the example app via Expo or check the code. SlidersColorPicker Based on a Dribbble concept by Satyaj

FormidableLabs image-palette Dynamically generate accessible color palettes from images Implement adaptive UIs dynamically from any image in right in the browser. Every palette is parsed from the most dominant and vib

xiaokaike vue-color Color Pickers for Sketch, Photoshop, Chrome & more with Vue.js(vue2.0). Live demo Installation NPM $ npm install vue-color CommonJS var Photoshop = re

webkul coolHue Coolest handpicked Gradient Hues and Swatches for your next super ⚡ amazing stuff. coolHue has 60 coolest Gradients. You can also personalize the coolHue Palette as per as your taste. CoolHue gradients

graypegg Chromatism 🌈 A simple set of utility functions for colours. Awesome resources for colour stuff. Bruce Lindbloom Colormine EasyRGB Table of Contents Chromatism Table of Content

cktang88 word-color 🎨 ⚡ Creates word-color associations. TODO: make all client-side, no server can't use cheerio front-end?, need to replace somehow... implement caching via online JS

cdonohue polychrome A small ~2kB (gzipped) library for parsing and manipulating colors Installation feel free to replace yarn add with npm install $> yarn add polychrome Usage // usin

lukeed colors-app Copy color values from popular palettes. Supports HEX, RGB, and HSL formats. Current Palettes Material Design Open Color Please suggest more! Why? One night I asked mysel

metafizzy Huebee ? 1-click color picker See for complete docs and demos. Install Download CSS: huebee.min.css minified, or huebee.css un-minified JavaScript: