Home/CSS Color Tools/culori
C
culori logo

culori

Updated: Sep 28, 2026

Convert, manipulate, and interpolate colors in JavaScript — supports all CSS Colors Level 4 color spaces with a tree-shakeable, function-oriented API.

culori

About culori

Overview Culori is a JavaScript color library that supports the conversion and manipulation of all formats defined in the CSS Colors Level 4 specification, plus additional color spaces. It handles color differences, interpolation, gradients, blend modes and much more. Culori is built by Moqups and distributed as an npm package. It is designed for developers building JavaScript applications who need to work with colors programmatically beyond basic CSS color utilities. Key Benefits Colors are represented as plain JavaScript objects passed through a series of functions, making the library easy to extend. Does not equate an undefined alpha value with an opaque color, giving developers control over how to interpret opacity. Supports all color spaces defined in the CSS Colors Level 4 specification plus additional spaces beyond the spec. Offers a tree-shakeable version for optimizing bundle size in production builds. Provides comprehensive functionality including color differences, interpolation, gradients, and blend modes. How It Works You install the library via npm install culori , then import individual functions as needed. Colors are plain JavaScript objects that you pass through a series of transformation functions, converting between color spaces, adjusting channels, or computing differences. Use Cases Front-end web developers who need to convert colors between CSS color spaces for dynamic styling. Data visualization engineers building color scales, gradients, and interpolation for charts and maps. Design tool engineers implementing color pickers, blend modes, or accessibility contrast checking utilities. JavaScript library authors who need a robust, extensible color manipulation engine as a dependency. Node.js developers building server-side image processing or color analysis pipelines. Why Choose This Product Culori is best suited for JavaScript developers who need a function-oriented, tree-shakeable color library with comprehensive CSS Colors Level 4 coverage. It is open source and available as a free npm package with no licensing restrictions.

culori Pros & Cons

Strengths
  • Free and open source
  • Supports all CSS Colors Level 4 color spaces
  • Tree-shakeable for small bundles
  • Plain JavaScript objects — no classes or wrappers
  • Accurate alpha channel handling

Key Features

🔄

Color Space Conversion

Supports conversion between all formats defined in CSS Colors Level 4 specification plus additional color spaces.

🔢

Function-Oriented API

Colors are plain JavaScript objects passed through a series of functions for easy extension.

🎨

Color Interpolation

Provides interpolation functionality for generating color scales and gradients.

📊

Color Differences

Computes color difference metrics between colors for comparison and contrast analysis.

🔄

Blend Modes

Supports multiple blend modes for compositing and combining colors.

🗜️

Tree-Shakeable

Offers a tree-shakeable version to optimize bundle size when only specific functions are needed.

👁️

Accurate Alpha Handling

Does not equate undefined alpha with opaque, letting developers interpret opacity as needed.

🎯

Gradient Generation

Generates gradients programmatically across supported color spaces.

culori Pricing

Free
Free

Pricing extracted from the product website and may change. Check the source for current details.