Color

JavaScript libraries for all kinds of color manipulations.

Newest releases
118

junhoyeo The powerful color hook that all designers deserve. ✨ Parse and stringify that just works & 🦾 Strict type checking at compile time
 
44

uxie-io Tinter is tiny web tool to generate color variation of images. This tool also generate monochrome colors of images with multiple variants, without hampering the quality of image.
 
17

vjeux Change the color of an image to a specific color you have in mind.
 
22

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

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

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
 
12

alnitak Animated triangles background widget with color gradients
 
312

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

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.
 
18

JamelHammoud The time represented as hex color values
 
40

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

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

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.
 
55

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

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.
 
277

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
 
3.9k

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
 
49

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
 
44

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
 
875

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
 
Popular
3.7k

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

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
 
8.2k

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
 
68

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
 
272

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.
 
42

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
 
212

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
 
187

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
 
334

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
 
2.2k

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
 
3.3k

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
 
1.8k

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
 
39

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