Top 17 JavaScript Color Picker Projects

Color Picker

• Add a project

1. react-color

   1 3 12,312 0.0 JavaScript

   :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

   

2. Puter.js

   developer.puter.com sponsored

   Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

   

3. leonardo

   2 1 2,133 7.2 JavaScript

   Generate colors based on a desired contrast ratio

   

4. iro.js

   3 2 1,472 3.1 JavaScript

   🎨 Modular color picker widget for JavaScript, with support for a bunch of color formats

   

5. Coloris

   4 2 616 2.7 JavaScript

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

   

6. Evol-ColorPicker

   5 0 299 2.5 JavaScript

   jQuery UI widget for color picking with web colors, theme colors, and history (similar to the one in Microsoft Office 2010). (by evoluteur)

   

7. react-input-color

   6 0 248 0.0 JavaScript

   React color picker

   

8. coloreact

   7 0 92 1.8 JavaScript

   A tiny Color Picker for React

   

9. SaaSHub

   www.saashub.com sponsored

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

10. toolcool-color-picker

    8 1 26 0.0 JavaScript

    Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

    

11. tools-nextjs

    9 1 23 6.8 JavaScript

    Development tools for the web, installable as a PWA.

    

12. shades

    10 5 9 0.0 JavaScript

    Tints and shades generator in React. (by reactry)

    

13. color-helper-extension

    11 1 8 8.7 JavaScript

    helps with shades and colors

    

14. color-design-hub

    12 4 7 0.0 JavaScript

    Colorful & Open Source. Place where you can use ready-made design tools to create beautiful and colorful designs

    

15. onyx

    13 1 6 4.3 JavaScript

    a new color tool. (by jpegzilla)

    

16. mdl-color-palette

    14 1 3 0.0 JavaScript

    Generate Random Color From Material Color Palette

    

17. HSL_Colorpicker

    15 1 1 0.0 JavaScript

    基于Javascript的HSL拾色器,做游戏的时候需要一个HSL拾色器,找了一圈没有找到合适的,所以手写一个

    

18. Color-Detector-App

    16 1 0 5.3 JavaScript

    A progressive web app (PWA) that uses your device's camera to detect colors in real-time and provides their names and hexadecimal values.

    

19. ColorTools

    17 1 0 3.1 JavaScript

    Free browser color toolkit: image color picker, color wheel, palette generator, CSS gradients, HEX/RGB/HSL/CMYK/OKLCH converter and WCAG/APCA contrast checker.

    

    Project mention: react-colorful VS colortools-cx - a user suggested alternative | libhunt.com/r/react-colorful | 2026-07-16

    colortools-cx is the open-source core behind ColorTools (colorpicker.cx) — color conversion (HEX/RGB/HSL/CMYK/OKLCH), palette generation and WCAG/APCA contrast utilities. Unlike react-colorful (a React picker component), it's framework-agnostic and also ships as a free browser toolkit with an image color picker and contrast checker.

20. SaaSHub

    www.saashub.com sponsored

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    

JavaScript Color Picker related posts

• I have a issue for using Coloris.

  1 project | /r/learnjavascript | 24 Jun 2023

• Adding Custom Attributes to Trix's toolbar

  5 projects | dev.to | 12 Mar 2022

• CSS color palette generator in React

  1 project | /r/javascript | 7 Feb 2022

• CSS color palette generator (link in description)

  2 projects | /r/web_design | 7 Feb 2022

• I made a CSS color palette generator in React

  2 projects | /r/reactjs | 7 Feb 2022

• I’m looking for a certain library for colors

  1 project | /r/webdev | 18 Aug 2021

• <ColorPicker /> component for your React project: react-color-palette

  2 projects | /r/typescript | 20 Apr 2021
• A note from our sponsor - SaaSHub
  www.saashub.com | 16 Aug 2026

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

Puter.js - The Backend for AI-Generated Apps

One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

developer.puter.com

Do not miss the trending JavaScript projects with our weekly report!