kandi background
Explore Kits

Color Picker and Code Generator

by Nathina Updated: Sep 22, 2021

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

JavaScript star image 6293 Version:v1.5.1

License: Permissive (MIT)

qr code generator

Support
Quality
Security
License
Reuse

node-qrcodeby soldair

JavaScript star image 6293 Version:v1.5.1 License: Permissive (MIT)

qr code generator
Support
Quality
Security
License
Reuse

escodegenby estools

JavaScript star image 2478 Version:1.2.0

License: Permissive (BSD-2-Clause)

ECMAScript code generator

Support
Quality
Security
License
Reuse

escodegenby estools

JavaScript star image 2478 Version:1.2.0 License: Permissive (BSD-2-Clause)

ECMAScript code generator
Support
Quality
Security
License
Reuse

background-generator-javascriptby henngelm

JavaScript star image 1 Version:Current

License: Permissive (MIT)

Background color generator. Linear gradient CSS Selector code generator.

Support
Quality
Security
License
Reuse

background-generator-javascriptby henngelm

JavaScript star image 1 Version:Current License: Permissive (MIT)

Background color generator. Linear gradient CSS Selector code generator.
Support
Quality
Security
License
Reuse

vscode-colorby anseki

JavaScript star image 77 Version:Current

License: Permissive (MIT)

Helper with GUI to generate color codes such as CSS color notations.

Support
Quality
Security
License
Reuse

vscode-colorby anseki

JavaScript star image 77 Version:Current License: Permissive (MIT)

Helper with GUI to generate color codes such as CSS color notations.
Support
Quality
Security
License
Reuse

ac-colorsby vinaypillai

JavaScript star image 250 Version:1.4.3

License: Permissive (MIT)

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.

Support
Quality
Security
License
Reuse

ac-colorsby vinaypillai

JavaScript star image 250 Version:1.4.3 License: Permissive (MIT)

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.
Support
Quality
Security
License
Reuse

zeplin-flutter-genby naver

JavaScript star image 44 Version:Current

License: Permissive (MIT)

๐Ÿš€The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.

Support
Quality
Security
License
Reuse

zeplin-flutter-genby naver

JavaScript star image 44 Version:Current License: Permissive (MIT)

๐Ÿš€The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.
Support
Quality
Security
License
Reuse

Color Picker

These libraries are used to pick the color.

XpmEditorby zsr2531

JavaScript star image 1 Version:Current

License: Permissive (MIT)

A quick and dirty web based editor for creating X PixMap icons.

Support
Quality
Security
License
Reuse

XpmEditorby zsr2531

JavaScript star image 1 Version:Current License: Permissive (MIT)

A quick and dirty web based editor for creating X PixMap icons.
Support
Quality
Security
License
Reuse

FastStringby guimaraeslucas

JavaScript star image 14 Version:Current

License: Others (Non-SPDX)

WebApp that encode and decode strings in base64, rot13, html, url and others formats.

Support
Quality
Security
License
Reuse

FastStringby guimaraeslucas

JavaScript star image 14 Version:Current License: Others (Non-SPDX)

WebApp that encode and decode strings in base64, rot13, html, url and others formats.
Support
Quality
Security
License
Reuse

leonardoby adobe

JavaScript star image 1470 Version:@adobe/leonardo-contrast-colors@1.0.0-alpha.9

License: Permissive (Apache-2.0)

Generate colors based on a desired contrast ratio

Support
Quality
Security
License
Reuse

leonardoby adobe

JavaScript star image 1470 Version:@adobe/leonardo-contrast-colors@1.0.0-alpha.9 License: Permissive (Apache-2.0)

Generate colors based on a desired contrast ratio
Support
Quality
Security
License
Reuse

pick-a-colorby lauren

JavaScript star image 268 Version:1.2.3

License: Permissive (MIT)

an easy-to-use jQuery color picker for Twitter Bootstrap

Support
Quality
Security
License
Reuse

pick-a-colorby lauren

JavaScript star image 268 Version:1.2.3 License: Permissive (MIT)

an easy-to-use jQuery color picker for Twitter Bootstrap
Support
Quality
Security
License
Reuse

e-toolsby Suremotoo

JavaScript star image 155 Version:v1.3.6

License: Permissive (MIT)

A toolbox for developers. Color picker, code formatter, and more.

Support
Quality
Security
License
Reuse

e-toolsby Suremotoo

JavaScript star image 155 Version:v1.3.6 License: Permissive (MIT)

A toolbox for developers. Color picker, code formatter, and more.
Support
Quality
Security
License
Reuse

Inletby enjalot

JavaScript star image 71 Version:Current

License: Others (Non-SPDX)

Bret Victor inspired slider & color picker plugin for CodeMirror

Support
Quality
Security
License
Reuse

Inletby enjalot

JavaScript star image 71 Version:Current License: Others (Non-SPDX)

Bret Victor inspired slider & color picker plugin for CodeMirror
Support
Quality
Security
License
Reuse

eve-custom-starmapby fuzzysteve

JavaScript star image 11 Version:Current

License: Permissive (MIT)

Support
Quality
Security
License
Reuse

eve-custom-starmapby fuzzysteve

JavaScript star image 11 Version:Current License: Permissive (MIT)

Support
Quality
Security
License
Reuse

vudesignerby freuwoert

JavaScript star image 4 Version:Current

License: Permissive (MIT)

Web design tooling (on hiatus)

Support
Quality
Security
License
Reuse

vudesignerby freuwoert

JavaScript star image 4 Version:Current License: Permissive (MIT)

Web design tooling (on hiatus)
Support
Quality
Security
License
Reuse

mdl-color-paletteby jalal246

JavaScript star image 2 Version:2.1.0

License: Permissive (MIT)

Generate Random Color From Material Color Palette

Support
Quality
Security
License
Reuse

mdl-color-paletteby jalal246

JavaScript star image 2 Version:2.1.0 License: Permissive (MIT)

Generate Random Color From Material Color Palette
Support
Quality
Security
License
Reuse

tailwind-colorsby poseidon-code

JavaScript star image 2 Version:Current

License: Permissive (MIT)

Color pallette of TailwindCSS v2.0 made with ReactJS. Copy color codes as HEX codes and RGB codes.

Support
Quality
Security
License
Reuse

tailwind-colorsby poseidon-code

JavaScript star image 2 Version:Current License: Permissive (MIT)

Color pallette of TailwindCSS v2.0 made with ReactJS. Copy color codes as HEX codes and RGB codes.
Support
Quality
Security
License
Reuse

LC-color-pickerby LCweb-ita

JavaScript star image 1 Version:1.1.1

License: Permissive (MIT)

The colorpicker for modern web

Support
Quality
Security
License
Reuse

LC-color-pickerby LCweb-ita

JavaScript star image 1 Version:1.1.1 License: Permissive (MIT)

The colorpicker for modern web
Support
Quality
Security
License
Reuse

react-color-pickerby kubraltinn

JavaScript star image 1 Version:Current

License: Permissive (MIT)

Support
Quality
Security
License
Reuse

react-color-pickerby kubraltinn

JavaScript star image 1 Version:Current License: Permissive (MIT)

Support
Quality
Security
License
Reuse

color-picker-appby pavilandoangelo

JavaScript star image 1 Version:Current

License: Permissive (MIT)

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

Support
Quality
Security
License
Reuse

color-picker-appby pavilandoangelo

JavaScript star image 1 Version:Current License: Permissive (MIT)

Color 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.
Support
Quality
Security
License
Reuse

pickrby Simonwep

JavaScript star image 3664 Version:1.8.2

License: Permissive (MIT)

๐ŸŽจ 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!

Support
Quality
Security
License
Reuse

pickrby Simonwep

JavaScript star image 3664 Version:1.8.2 License: Permissive (MIT)

๐ŸŽจ 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!
Support
Quality
Security
License
Reuse

bootstrap-colorpickerby itsjavi

JavaScript star image 1379 Version:3.4.0

License: Permissive (MIT)

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.

Support
Quality
Security
License
Reuse

bootstrap-colorpickerby itsjavi

JavaScript star image 1379 Version:3.4.0 License: Permissive (MIT)

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Support
Quality
Security
License
Reuse

See similar Kits and Libraries

JavaScript
Generator
User Interface

Open Weaver โ€“ Develop Applications Faster with Open Source

Follow

  • ยฉ 2023 Open Weaver Inc.