Updated: Sep 22, 2021
Solution Kit If you are a designer you design logos and mockups, you use the color picker every day when choosing a new project's color scheme. By mixing the three primary colors, we can form any color we like. Red(R), Green(G), Blue(B) are the three primary colors we know. Using this tool, you can experiment with custom colors on the web and adjust them according to your preference. In addition, different color formats can be converted easily supported by JavaScript. These libraries allow building color picker and generator client-side applications in minutes. Following are the steps to be followed for building Color Picker and Code Generator, 1. Color Picker 2. Code Generator
Code Generator
These libraries are used to generate the code based on the color.
node-qrcodeby soldair
6600 Version:Currentqr code generator
background-generator-javascriptby henngelm
1 Version:CurrentBackground color generator. Linear gradient CSS Selector code generator.
background-generator-javascriptby henngelm
JavaScript 1 Version:Current License: Permissive (MIT)
vscode-colorby anseki
77 Version:CurrentHelper with GUI to generate color codes such as CSS color notations.
vscode-colorby anseki
JavaScript 77 Version:Current License: Permissive (MIT)
ac-colorsby vinaypillai
250 Version:v1.4.2ac-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.
ac-colorsby vinaypillai
JavaScript 250 Version:v1.4.2 License: Permissive (MIT)
zeplin-flutter-genby naver
44 Version:Current🚀The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.
zeplin-flutter-genby naver
JavaScript 44 Version:Current License: Permissive (MIT)
Color Picker
These libraries are used to pick the color.
XpmEditorby zsr2531
1 Version:CurrentA quick and dirty web based editor for creating X PixMap icons.
XpmEditorby zsr2531
JavaScript 1 Version:Current License: Permissive (MIT)
FastStringby guimaraeslucas
14 Version:CurrentWebApp that encode and decode strings in base64, rot13, html, url and others formats.
FastStringby guimaraeslucas
JavaScript 14 Version:Current License: Others (Non-SPDX)
leonardoby adobe
1584 Version:@adobe/leonardo-contrast-colors@1.0.0-alpha.9Generate colors based on a desired contrast ratio
leonardoby adobe
JavaScript 1584 Version:@adobe/leonardo-contrast-colors@1.0.0-alpha.9 License: Permissive (Apache-2.0)
pick-a-colorby lauren
268 Version:Currentan easy-to-use jQuery color picker for Twitter Bootstrap
pick-a-colorby lauren
JavaScript 268 Version:Current License: Permissive (MIT)
e-toolsby Suremotoo
155 Version:v1.3.6A toolbox for developers. Color picker, code formatter, and more.
e-toolsby Suremotoo
JavaScript 155 Version:v1.3.6 License: Permissive (MIT)
Inletby enjalot
71 Version:CurrentBret Victor inspired slider & color picker plugin for CodeMirror
Inletby enjalot
JavaScript 71 Version:Current License: Others (Non-SPDX)
eve-custom-starmapby fuzzysteve
11 Version:Currenteve-custom-starmapby fuzzysteve
JavaScript 11 Version:Current License: Permissive (MIT)
vudesignerby freuwoert
4 Version:CurrentWeb design tooling (on hiatus)
vudesignerby freuwoert
JavaScript 4 Version:Current License: Permissive (MIT)
mdl-color-paletteby jalal246
2 Version:v2.1.0Generate Random Color From Material Color Palette
mdl-color-paletteby jalal246
JavaScript 2 Version:v2.1.0 License: Permissive (MIT)
tailwind-colorsby poseidon-code
2 Version:CurrentColor pallette of TailwindCSS v2.0 made with ReactJS. Copy color codes as HEX codes and RGB codes.
tailwind-colorsby poseidon-code
JavaScript 2 Version:Current License: Permissive (MIT)
LC-color-pickerby LCweb-ita
1 Version:v1.1.1The colorpicker for modern web
LC-color-pickerby LCweb-ita
JavaScript 1 Version:v1.1.1 License: Permissive (MIT)
react-color-pickerby kubraltinn
1 Version:Currentreact-color-pickerby kubraltinn
JavaScript 1 Version:Current License: Permissive (MIT)
color-picker-appby pavilandoangelo
1 Version:CurrentColor Picker App is an application to generate color as of your own taste by adjusting the Red, Green and Blue Sliders. It will show you the generated hex color by just adjusting the sliders and also contrasting the color of the text based on the generated color. Lastly, it comes with a feature to copy the generated hex color.
color-picker-appby pavilandoangelo
JavaScript 1 Version:Current License: Permissive (MIT)
pickrby Simonwep
4038 Version:1.8.2🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
pickrby Simonwep
JavaScript 4038 Version:1.8.2 License: Permissive (MIT)
bootstrap-colorpickerby itsjavi
1379 Version:3.4.0Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
bootstrap-colorpickerby itsjavi
JavaScript 1379 Version:3.4.0 License: Permissive (MIT)