JavaScript Color

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

 10.5k

colors.css 3.0.0 Better default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. Customize your own de

 9k

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 with colo

 8.5k

Vibrant.js Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. ⚠️ THI

 4.6k

Vibrant.js Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. ⚠️ THIS REPO IS DEPRECATED ⚠️ Please file issues over on

 4.6k

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(262, 59%, 81

 4.2k

TinyColor JavaScript color tooling TinyColor is a small, fast library for color manipulation and conversion in JavaScript. It allows many forms of inp

 4.1k

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

 3.8k

Grade Demo Check it out Install Download this repo and grab the grade.js file from the /docs/dist folder. Or install from npm: npm install grade-js Use the CDN link: https://unpkg.com/grade-js/docs/dis

 3.7k

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 palette i

 3.3k

Boring Avatars Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

 3.3k

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 = require('vue

 2.3k

#PleaseJS www.checkman.io/please Please.js is a polite companion that wants to help you make your projects beautiful. It uses HSV color space to creat

 2.3k

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

 1.8k

jQuery Color Browser Support jQuery color is tested on the same browsers a jQuery Core 3.x versions. Check it Using jQuery Color in Production We release jQuery Color by itself, or in a bundle. The extend

 1.6k

# Materialette Easily access every color in [Google's material design palette]( https://material.google.com/style/color.html) from your OS dock. Made using electron. Install Download the latest build from the releases sec

 1k

⚠️ 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 preserved in

 942
Metafizzy
1-click color picker

metafizzy/huebee

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

 351

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 vibrant color

 342

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

 311

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 // using ES6 modu

 288

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. Works wit

 278

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

 277

jquery.swatches This is a jQuery plugin that turns a single div into a sweet color swatch (aka, color pallette). Usage Simply place a similar div element where ever you want a swatch to appear: <div class="swatch"

 245

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.

 219

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 build

 211
Hector Garcia
Color components for React Native

hectahertz/react-native-color

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 Satyajit Sahoo.

 188
Matt Farina
jQuery Color Wheel

mattfarina/farbtastic

Farbtastic: jQuery color picker plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page. Each widget is then linked to an existing element (e.g. a text field) and will update the element's

 160

Poulette, the color palette Poulette is a proof of concept for a color mixer interface. Play with the demo Features select an existing color by clicki

 157

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.

 146

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

 135

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

 118

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 required conf

 118
Carlos Cabo
JS component to pick colors from a predefined palette

carloscabo/jquery-palette-color-picker

JQuery Palette Color Picker v1.13 JS component to pick colors from a predefined / restricted palette. Take a look to the demo.html included in this repository to see it in action. Watch the demo included in the repo

 97

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 myself, "Self,

 93

MetBrewer Palettes inspired by works at the Metropolitan Museum of Art in New York. All pieces selected come from various time periods, regions, and m

 77

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 the scene, p

 71

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.

 55

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 welcome!). co

 55

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's order.

 45

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.

 44
Rok Novosel
Color Palette using WASM and K-Means

novoselrok/color-palette-wasm

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 iterations or e

 43

Materialize Themes A simple gulp task that generates all combinations of primary and secondary colors for the Materialize CSS Framework. All generated themes are in the dist folder. Versioning materialize-themes vers

 42
Benjamin De Cock
Web component color picker

bendc/color-picker

Usage Insert the custom element and the library in your document: <!doctype html> <title>Example</title> <color-picker></color-picker> <script src=color-picker.js></script> Listen

 41

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

 40

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 JSON storage

 39

Please check out the roadmap for upcoming features and releases. Please open Issues to provide feedback, and check the develop branch for the latest bleeding-edge updates.

 38

FettePalette Demo: https://meodai.github.io/fettepalette/ Color palette generation function using curves within the HSV color model. It is based on th

 33

A lightweight and elegant JavaScript color picker. Written in vanilla ES6, no dependencies. Accessible.

 28

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

 22
GU Yiling
Tiny modular color converters.

Justineo/color-converters

Color converters Modular color converters. Installation npm i -save color-converters Usage import { rgbToLch } from 'color-converters' console.log(rg

 20

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 a few interesting twists and features.

 19

The time represented as hex color values

 18

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

 17

Animated triangles background widget with color gradients

 12
null
ArcoDesign color utils

arco-design/color

ArcoDesign Color ArcoDesign Color Utils. For a given color, a gradient swatch containing ten colors is generated with an algorithm. This works for bot

 9
Paulo
Generate color pairings.

lainsce/colorway

Colorway Generate color pairings ? Donations Would you like to support the development of this app to new heights? Then: Be my backer on Ko-Fi ?️ De

 8
Zane (She/They)
my visual color palette gallery for paletteer R pkg

PythonCoderUnicorn/PaletteerGallery

Paletteer Gallery my visual color palette gallery for paletteer R pkg ggplot( mtcars, aes(x=mpg, y= hp, color= cyl) )+ geom_point(si

 3