Open Source JavaScript Color Pickers

Colorpicker is a desktop tool with Electron to get and save colors code quickly for OSX, Windows and Linux! With Pin, you can bring Colorpicker to the foreground. This makes it convenient to work quickly with different applications at the same time. The Picker allows you to quickly retrieve a color anywhere on the screen. Whether it's on your browser, Photoshop, or whatever. Colorsbook is a full-fledged application. It allows you to store your colors, categorize them, and easily retrieve them. It is destined to mature over time. Cool tip: you can save color from color picker with CMD+S or CTRL+S! With the shades, you can find the perfect color you need. You have a chromatic bar, a natural color bar and a shadow bar. This feature is a bit special. It allows you to render the application transparent. This can be useful to see the appearance of transparent color.

Colour Contrast Analyser is a free, open-source accessibility testing application designed to evaluate the readability of text and visual interface elements. It calculates contrast ratios between foreground and background colors to help designers meet Web Content Accessibility Guidelines. Users can select colors through an integrated eyedropper, RGB sliders, or direct CSS color entry. The software displays WCAG 2.1 compliance indicators for normal text, large text, and graphical components. It also supports foreground transparency when calculating contrast. A color vision deficiency simulator helps users examine how color combinations may appear to people with different visual conditions. Built with Electron for Windows and macOS, it provides practical tools for assessing accessible color choices.

Easily create color variations of your PNG and GIF files. Perfect for logos, icons, and GIF animations. We’re focused on adding even more features soon! Support: All Windows Version MacOS has been released and is currently in testing!

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. The Bootstrap JS dependency is optional and it is mainly needed for the popover support. No Bootstrap CSS is required for the plugin to work. To use the plugin without Bootstrap, the popover option should be set to false or null and, depending on your implementation, you will usually need to set inline to true and a container selector option. Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. Note that the dist files are only distributed via the NPM and Yarn installations. The initial color can be specified in 3 ways, input value, data-color attribute and programmatically with the color constructor option. Whenever the format option is 'auto', the first parsed color format will be detected and used as default, but when the option equals null (default), the format is recalculated every time.

A javascript colorpicker that allows linking of multiple pickers to choose, for example, complementary colors. It is derived from colorcoordinator.com and can be used as a plugin in web pages. Colors can be entered in webhex, RGB or HSB.

Cross Browser Color Picker

Simple WebGL Fragment Shader Editor. Friendly GLSL Shader editor based on Codemirror compatible with glslViewer (C++/OpenGL ES) and glslCanvas (JS/WebGL). Was originally developed to work as an embedded editor for The Book of Shaders. But now has grown as a stand-alone Web app. Thanks to their compatibility with other apps of this ecosystem like glslViewer which runs in the RaspberryPi directly from the console, GlslEditor interacts with other projects like OpenFrame.io allowing the user to export the shaders to frames with only one button.

Have a look at the Video below for details.

A petite color palette generator whose entire code fits within a single html file. Link: https://northstrix.github.io/nof-go/ GitHub repository: https://github.com/Northstrix/nof-go

ProColor is a simple, flexible, easy-to-use color-picker for the Prototype Javascript framework. ProColor is designed to be friendly to artists and programmers both, and can easily be dropped into existing web projects.

13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to call once a color change is complete. To make a custom color picker, create a top-level component that will act as the bridge with the CustomPicker high order component. Wrap the export with the CustomPicker function. Every color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker. Use EditableInput to display an input / label that acts as the single source of truth until the input is blurred.

evol-colorpicker is a web color picker that looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound to a text box. It comes with several color palettes, can track selection history, and supports "transparent" colors. It is a full jQuery UI widget, supporting various configurations and themes.

jQuery MiniColors Plugin. A tiny color picker built on jQuery.