color-space

161 spaces

v3.0.0

Display & web19

Cylindrical9

Perceptual — modern12

Perceptual — CIE classic15

HDR & wide gamut11

Colorimetry & vision16

Video & broadcast15

Film & camera36

Appearance models15

Print & physical7

Specialty & research6

161 coordinate systems.

Web, print, photography, film, broadcast, art, science, and history. Each carries conventional ranges, gamut shapes, provenance, cited references, known limits, and the canonical conversion. Convert any space to any other: rgb to oklch, slog3 to rec709, cct-duv to rgb. No code needed either — export a .cube LUT for Resolve, Premiere, Final Cut, and OBS.

Reference-tested
Conventional ranges
Public domain

import space from 'color-space'

space.rgb.oklch(255, 128, 0)      // → [0.732, 0.186, 53]
space.oklch.rgb(0.65, 0.25, 180)  // any of 161 × 160 pairs

space.oklch.name    // 'oklch'
space.oklch.range   // [[0,1], [0,0.4], [0,360]]

// one space only — tree-shaken, 0.4-1.5 kB
import oklch from 'color-space/oklch.js'
oklch.rgb(0.65, 0.25, 180)

// values in the notations CSS already speaks — straight from the library
color: oklch(0.732 0.186 53);            // space.rgb.oklch(255, 128, 0)
color: color(display-p3 0.936 0.529 0.199);  // space.rgb.p3(255, 128, 0)
color: color(xyz-d65 0.49 0.367 0.045);      // space.rgb.xyz(…) / 100 — exact interchange

// spaces CSS lacks ship as ICC profiles or LUTs — see those tabs;
// every dossier's css tab writes the current color in copyable forms

// per-space metadata — sourced, ships as data.json
import data from 'color-space/data.json' with { type: 'json' }

const m = data.spaces.oklch
m.channels   // [{symbol, min, max, name}, …]
m.refs       // defining spec / paper links
m.year, m.by // 2020 · 'Björn Ottosson'

// scalar or whole-buffer, zero-copy — a true WASM kernel
import space, { alloc } from 'color-space/wasm'

space.oklch.rgb(0.72, 0.16, 41)   // → [246, 125, 79]

const buf = alloc(n)              // n×3 Float64Array
space.rgb.oklch(buf)              // in place — 27 spaces

// every pair as a GLSL shader chunk
import { glsl } from 'color-space/gl'
import oklch from 'color-space/gl/oklch'

const src = glsl(oklch, 'rgb')
// → self-contained: vec3 oklch_rgb(vec3 c)
//   paste into any fragment shader, no uniforms

Copied