Chroma.js is a tiny JavaScript library (14kB) for all kinds of color conversions and color scales.
Initiate and manipulate colors:
chroma('#D4F880').darken().hex(); // #9BC04B
Working with color scales is easy, too:
scale = chroma.scale(['white', 'red']);
scale(0.5).hex(); // #FF7F7F
Lab/Lch interpolation looks better than RGB
chroma.scale(['white', 'red']).mode('lab');
Custom domains! Quantiles! Color Brewer!!
chroma.scale('RdYlBu').domain(myValues, 7, 'quantiles');
And why not use logarithmic color scales once in your life?
chroma.scale(['lightyellow', 'navy']).domain([1, 100000], 7, 'log');
Why not dive into the interactive documentation (there's a static version, too). You can download chroma.min.js or use the hosted version on cdnjs.com.
You can use it in node.js, too!
npm install chroma-js
Or you can use it in SASS using chromatic-sass!
To compile the coffee-script source files you have to run (might have to ``npm install` first)
grunt
To run the tests simply run
npm test
And to update the documentation (thanks!), just do
npm install --global markdown-to-html http-server
cd docs/
make && make preview
Chroma.js is written by Gregor Aisch.
Released under BSD license. Versions prior to 0.4 were released under GPL.
The 'color' package is a JavaScript library for color conversion and manipulation. It supports a wide range of color models and provides methods for color transformations. Compared to chroma-js, it is more focused on color conversions and less on color scales and interpolation.
TinyColor is a small color manipulation and conversion library. It provides similar functionalities to chroma-js, such as color creation, manipulation, and conversion. However, it is designed to be lightweight and may not have as extensive features for color scales and interpolation as chroma-js.
d3-color is part of the D3.js library and provides color manipulation and conversion functionalities. It integrates well with other D3 modules for data visualization. While it offers similar color manipulation features, it is more commonly used within the context of D3 visualizations.
FAQs
JavaScript library for color conversions
The npm package chroma-js receives a total of 1,141,394 weekly downloads. As such, chroma-js popularity was classified as popular.
We found that chroma-js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket is launching experimental protection for the Hugging Face ecosystem, scanning for malware and malicious payload injections inside model files to prevent silent AI supply chain attacks.
Research
/Security News
The Socket Threat Research Team uncovered a coordinated campaign that floods the Chrome Web Store with 131 rebranded clones of a WhatsApp Web automation extension to spam Brazilian users.
Security News
ENISA’s 2025 Threat Landscape report highlights how AI is reshaping cyber attacks, driving phishing, model poisoning, and software supply chain risks.