JavaScript Color

Open-source JavaScript projects categorized as Color Edit details

Top 23 JavaScript Color Projects

  • chalk

    🖍 Terminal string styling done right

    Project mention: Make TikToks with JavaScript 1 | dev.to | 2022-07-11

    Chalk

  • chroma.js

    JavaScript library for all kinds of color manipulations

    Project mention: chroma.js - a small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales | reddit.com/r/javascript | 2021-12-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!

  • rebass

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

    Project mention: What is Rebass and How to provide theming to Rebass Components? ⚛️ | dev.to | 2022-04-27

    Rebass is a simple React UI component library that allows you to create primitive UI components using the Styled System library. With Rebass, you can get started with your design system without having to write a lot of boilerplate code. Emotion, Styled Components, and Styled System are used to create Rebass, a themeable primitive UI component library for React. Because it is designed with Styled System, any Styled System theme object should work with Rebass. Rebass components include a standardized style props API to create larger component libraries.

  • randomColor

    A tiny script for generating attractive colors

  • color

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

    Project mention: Color.js Released | news.ycombinator.com | 2022-07-29
  • TinyColor

    Fast, small color manipulation and conversion for JavaScript

    Project mention: I Made an Automatic Color Theme Generator for Tailwind CSS | dev.to | 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.

  • PleaseJS

    JavaScript Library for creating random pleasing colors and color schemes

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • color-names

    Large list of handpicked color names 🌈

    Project mention: hue.tools - An open source toolbox for colors. | reddit.com/r/web_design | 2022-02-17

    The names come from this package: https://github.com/meodai/color-names.

  • 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: Any color preview plugins that support `modern` rgb() css functions? | reddit.com/r/neovim | 2022-08-07

    Notice the spec authors are constantly updating this: https://github.com/LeaVerou/color.js which likely includes functions that could be used for various conversions. 🤔 CSS Color has a lot going on at the minute with LCH and P3 starting to ship in browsers. Imagine it will be significant work have something fully features and fully future proof.

  • iro.js

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

    Project mention: Adding Custom Attributes to Trix's toolbar | dev.to | 2022-03-12

    iro.js

  • gradient-string

    :rainbow: Beautiful color gradients in terminal output

  • culori

    A comprehensive color library for JavaScript.

    Project mention: Color.js Released | news.ycombinator.com | 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.

    [0]: https://culorijs.org/

    [1]: https://github.com/Evercoder/culori

    [2]: https://bottosson.github.io/posts/oklab/

  • color-picker

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

    Project mention: Making a color wheel for website | reddit.com/r/learnjavascript | 2022-01-07

    I want to make a color picker for website visitors to choose the background color - something similar to this; https://github.com/taufik-nurrohman/color-picker

  • a11y-color-tokens

    Generate accessible UI colors from your base color tokens.

    Project mention: Build Tools and Extensions I Use In Front-End Projects | dev.to | 2021-09-06

    I've also created a package to help me with developing accessible color palettes called a11y-color-tokens which I use for more complex projects.

  • apca-w3

    The APCA version licensed to the W3/AGWG per the collaborative agreement

    Project mention: Please Stop Using Grey Text | news.ycombinator.com | 2022-05-18

    Note the licensing note in the repository[1] of the APCA™ index the author’s company[2] promotes:

    > The files currently in this repository are presently considered pre-release, and as such do not have a permanent license attached. In this repositiory, all files present are under a time-barred beta license, and intended for use with web-based content only, and not for any other use without written permission.

    The non-pre-release stuff[3] offered to W3C is better but still seems to be intended to end up non-FOSS:

    > Files in this repository are licensed to the W3/AGWG under their cooperative agreement for use with WCAG accessibility guidelines for web-based content only, and not for any other use.

    (The question being, of course, how much of this is copyrightable at all.)

    [1] https://github.com/Myndex/SAPC-APCA/

    [2] https://www.myndex.com/CVD/

    [3] https://github.com/Myndex/apca-w3/

  • farbvelo

    "Random" color palette generator, cycles

  • hcv-color

    🌈 Color model HCV/HCG is an alternative to HSV and HSL, derived by Munsell color system, usable for Dark and Light themes... 🌈

    Project mention: New alternatives to HSL and HSV that better match color perception | news.ycombinator.com | 2021-09-12
  • KolorWheel.js

    🌈 Color palette generator JavaScript library

    Project mention: Show HN: How to compile C/C++ for WASM, pure Clang, no libs, no framework | news.ycombinator.com | 2022-04-11
  • croma

    [Croma] : A open source react native app for web, iOS and android for color palette management

    Project mention: [Croma] : A open source react native app for web, iOS and android for color palette management | reddit.com/r/coolgithubprojects | 2022-07-15
  • a11y-contrast

    A CLI utility to calculate/verify accessible magic numbers for a color palette.

    Project mention: USWDS: The United States Web Design System | news.ycombinator.com | 2022-03-29

    > Especially the contrast/magic number discussion.

    From a developer perspective, working with color palettes with defined "magic numbers" is really great. I have written a blog post [1] around this topic and wrote a tool [2] to calculate/ensure accessible magic numbers for color palettes.

    [1] https://darekkay.com/blog/accessible-color-palette/

    [2] https://github.com/darekkay/a11y-contrast

  • texthighlighter

    a no dependency typescript npm package for highlighting user selected text

  • color-palette-extraction

    Create a color palette using median cut with Javascript

    Project mention: Creating a color palette with Javascript | dev.to | 2022-03-23

    Repository (the entire codebase is commented).

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 2022-08-07.

JavaScript Color related posts

Index

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

Project Stars
1 chalk 18,880
2 chroma.js 8,961
3 rebass 7,780
4 randomColor 5,847
5 color 4,350
6 TinyColor 4,342
7 PleaseJS 2,270
8 color-names 1,596
9 leonardo 1,315
10 color.js 1,076
11 iro.js 1,057
12 gradient-string 775
13 culori 478
14 color-picker 201
15 a11y-color-tokens 143
16 apca-w3 64
17 farbvelo 49
18 hcv-color 42
19 KolorWheel.js 36
20 croma 30
21 a11y-contrast 20
22 texthighlighter 20
23 color-palette-extraction 11
Find remote jobs at our new job board 99remotejobs.com. There is 0 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org