JavaScript Color

Open-source JavaScript projects categorized as Color

Top 23 JavaScript Color Projects

  • chalk

    🖍 Terminal string styling done right

    Project mention: Let’s create a Node CLI for generating files from templates! | | 2023-04-21

    To colorize my logs, I used a chalk package and created a logger utility:

  • color-thief

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

    Project mention: how does discord choose the background color of your profile picture during a call? | /r/discordapp | 2023-03-20
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • chroma.js

    JavaScript library for all kinds of color manipulations

  • rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: Comparing React Component Libraries | | 2022-09-16

    If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.

  • randomColor

    A tiny script for generating attractive colors

  • TinyColor

    Fast, small color manipulation and conversion for JavaScript

    Project mention: I Made an Automatic Color Theme Generator for Tailwind CSS | | 2022-07-17

    Importantly, for accessibility I automatically choose an accessible text color all across the site using tinycolor. This includes a fallback to using pure black and pure white in case that user decides that their favorite light shade is white and their favorite dark shade is white.

  • color

    :rainbow: Javascript color conversion and manipulation library (by Qix-)

    Project mention: i need some help shortening those functions into one | /r/learnjavascript | 2023-04-04

    A package like might be more usefull for this particular case.

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • PleaseJS

    JavaScript Library for creating random pleasing colors and color schemes

  • color-names

    Large list of handpicked color names 🌈

    Project mention: Conventional color names | /r/color | 2023-02-13
  • leonardo

    Generate colors based on a desired contrast ratio

  • color.js

    Color conversion & manipulation library by the editors of the CSS Color specifications

    Project mention: Oh my god I hate JavaScript libraries that do this | /r/programminghorror | 2022-09-14

    Functions are defined in other files, ex:

  • iro.js

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

  • visual-studio-code

    An arctic, north-bluish clean and elegant Visual Studio Code theme.

    Project mention: Solarized dark for me. | /r/ProgrammerHumor | 2023-02-20

    Nord by arcticicestudio

  • tmux

    An arctic, north-bluish clean and elegant tmux color theme. (by nordtheme)

    Project mention: Must plugins for tmux in your config | /r/tmux | 2022-09-11
  • gradient-string

    :rainbow: Beautiful color gradients in terminal output

  • yoctocolors

    The smallest and fastest command-line coloring package on the internet

    Project mention: yoctocolors — Tiny and fast terminal colors | /r/node | 2022-07-01
  • culori

    A comprehensive color library for JavaScript.

    Project mention: Color.js Released | | 2022-07-29

    This looks fantastic for working with colors, and from a great developer too. A very very similar js library is Culori [0, 1], which I discovered on the original Oklab introduction post [2].

    If you're doing generative artwork or any procedural work with a non-fixed palette, a good color library and working in linear or Oklab based colorspace is a must. Using sRGB or HSV/B when interpolating for gradients or generating palettes or complementary colors is extremely painful; a 50% brightness (HSV) yellow is visually much brighter than a 50% brightness purple, with similar issues cropping up for saturation. Balancing the lighting and contrast of programmatically generated colors is so much simpler when you have a perceptually uniform colorspace like OkLCh, or linear RGB if you're working with predefined hex values.




  • alacritty

    An arctic, north-bluish clean and elegant Alacritty color scheme. (by nordtheme)

  • terminal-app

    An arctic, north-bluish clean and elegant color theme. (by nordtheme)

    Project mention: ChatGDB, the GPT-Powered GDB Assistant | | 2023-04-07

    I recognized the 'g' and 'r' from Fira Mono, but from the slashed zero and ligatures (the raised x in 0x), I think the font is Fira Code[1].

    I don't think the color scheme is Solarized Dark. Looks closer to Nord[2].



  • values.js

    :grapes: Get the tints and shades of a color

    Project mention: Building a tints and shades colour generator with React and Values.js | | 2023-05-01

    Values.js is an open-source package that enables us to generate the tints and shades of any colour.

  • Coloris

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

    Project mention: javascript variable in array not updating even though variable has changed? | /r/learnprogramming | 2022-12-01

    the color picker library is called coloris

  • color-picker

    A simple color picker application written in pure JavaScript, for modern browsers. (by taufik-nurrohman)

  • a11y-color-tokens

    Generate accessible UI colors from your base color tokens.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-01.

JavaScript Color related posts


What are some of the best open-source Color projects in JavaScript? This list will help you:

Project Stars
1 chalk 20,270
2 color-thief 11,535
3 chroma.js 9,442
4 rebass 7,901
5 randomColor 5,956
6 TinyColor 4,686
7 color 4,543
8 PleaseJS 2,276
9 color-names 2,061
10 leonardo 1,589
11 color.js 1,465
12 iro.js 1,172
13 visual-studio-code 1,006
14 tmux 941
15 gradient-string 928
16 yoctocolors 655
17 culori 584
18 alacritty 419
19 terminal-app 310
20 values.js 246
21 Coloris 221
22 color-picker 207
23 a11y-color-tokens 149
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.