A tiny, high-performance JavaScript library for color parsing, manipulation, and conversion with a plugin-based architecture.
Colord is a JavaScript library for parsing, manipulating, and converting colors with high performance and a tiny footprint. It solves the need for a fast, reliable, and extensible color utility in web applications, offering a comprehensive API that supports multiple color models and CSS compliance.
Frontend developers, UI/UX engineers, and designers working on web applications who need efficient color handling for themes, design systems, data visualization, or accessibility tools.
Developers choose Colord for its unbeatable combination of speed, small bundle size, and extensibility via plugins, along with strict adherence to CSS standards and full TypeScript support out of the box.
👑 A tiny yet powerful tool for high-performance color manipulations and conversions
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
At 1.7 KB gzipped and 3x faster than alternatives like color and tinycolor2 in benchmarks, it minimizes bundle impact while maximizing speed for web applications.
Prevents accidental mutations and enables fluent, readable code, as shown in examples like colord('#ff0000').grayscale().alpha(0.25).toRgbString().
Allows extending functionality with optional plugins for accessibility, mixing, harmonies, and additional color spaces, keeping the core lean and flexible.
Adheres to CSS Color Level specifications for reliable parsing and output, ensuring compatibility with modern web standards and reducing parsing errors.
Written in strict TypeScript with full type definitions included, enhancing developer experience, code safety, and integration in typed projects.
Advanced functionalities like color names, harmonies, and some color spaces require separate plugin imports and setup via extend(), adding complexity to initial configuration.
While immutability prevents bugs, it can lead to performance overhead in scenarios requiring frequent color manipulations due to constant object creation and memory usage.
Focuses solely on color manipulation without built-in UI components, so it's not a drop-in solution for applications needing interactive visual tools or color pickers.
Performance claims are based on specific benchmarks against alternatives; real-world speed may vary depending on use cases, environments, or plugin combinations.
colord is an open-source alternative to the following products:
tinycolor2 is a JavaScript library for color manipulation and conversion, providing utilities for parsing, modifying, and formatting colors in various formats.
chroma-js is a JavaScript library for manipulating colors, providing utilities for color conversion, interpolation, and various color space transformations in web applications.
color is a JavaScript library for color manipulation and conversion that supports various color spaces and formats like RGB, HSL, HSV, and CSS strings.