168 espaces

Espaces colorimétriques

Du à l’, des à la , à .
Prise en charge de CSS, des shaders, de WASM et des tables de conversion des couleurs (LUT).

Écran et web19

Espaces RGB de travail et de diffusion, du standard du web aux gamuts d’écran plus larges.

HP & Microsoft, 1996
Apple, 2015
ITU-R, 2012
HP & Microsoft, 1996
ITU-R, 1990
Kodak, 1999
Adobe Systems, 1998
DCI, 2005
Apple, 2015
ITU-R, 2012
Adobe Systems, 1998
Kodak, 1999
IEC, 2003
Kodak, 2000
CIE, 1931
FCC, 1953–87
Walter Bruch / Telefunken, 1967
Apple Computer, 1987–96
SMPTE, 1988–90

Variantes de RGB9

Des réglages de teinte, de saturation et de luminosité bâtis sur RGB. Des pas égaux ne paraissent pas forcément égaux.

Joblove & Greenberg, 1978
Alvy Ray Smith, 1978
Alvy Ray Smith, 1996
John R. Kender, 1976
community convention, 2011
Ian Taylor, 2012
Darel Rex Finley, 2006
Kuzma Shapran, 2012
Bianconi et al., 2009

Perceptuels48

Des coordonnées pour comparer les couleurs, construire des palettes et prédire l’apparence.

Björn Ottosson, 2020
CIE, 1976
Li et al., 2017
Björn Ottosson, 2020
Google, 2021
Björn Ottosson, 2021
Björn Ottosson, 2021
Björn Ottosson, 2021
Björn Ottosson, 2021
Björn Ottosson, 2021
Jan Behrens, 2009
Konovalenko et al., 2021
Li & Luo, 2024
Hensley & Fairchild, 2020
Safdar et al., 2017
Safdar et al., 2017
Fritz Ebner & Mark Fairchild, 1998
Safdar et al., 2017
Mark Fairchild & Garrett Wyble, 2010
CIE, 1976
CIE, 1976
Alexei Boronine, 2012
CIE, 1976
CIE, 1976
CIE, 1976
Alexei Boronine, 2012
DIN, 2018
DIN, 2018
Cui et al., 2002
Richard S. Hunter, 1948
David MacAdam / CIE, 1960–76
Günther Wyszecki / CIE, 1964–76
Elliot Q. Adams, 1942–76
Mark Fairchild & Garrett Wyble, 2010–16
CIE, 2002–17
Li et al., 2017
Safdar et al., 2021
Luo et al., 2006–17
Li et al., 2017
Li et al., 2017
Luo et al., 2006–17
Luo et al., 2006–17
Luke Hellwig & Mark Fairchild, 2022
Mark Fairchild, 1996
Luo et al., 1996
Yoshinobu Nayatani, 1995
Robert W. G. Hunt, 1994
Sherman Lee Guth, 1995

Colorimétrie et recherche22

Les fondements de la mesure, l’œil et des coordonnées de recherche spécialisées.

CIE, 1931
CIE, 1931
Estévez et al., 1979
ICC, 1994
CIE, 1976
Yoshi Ohno / ANSI, 2014
Raymond Davis; CIE, 1931
James Clerk Maxwell, 1860
CIE, 1931
ITU-R, 2016
Donald MacLeod & Robert Boynton, 1979
Derrington et al., 1984
CIE, 1931
Hermann von Helmholtz, 1860
James Clerk Maxwell, 1860
Richard Kirk, 2019
Jyrki Alakuijala et al., 2019
OSA committee, 1974
Terrillon & Akamatsu, 2000
Xerox, 1989
Ohta et al., 1980
Ruderman et al., 1998

Vidéo et télédiffusion20

Séparent la luminosité de la couleur pour la télédiffusion, la compression et la diffusion HDR.

ITU-R, 1990
Dolby, 2016
ITU-R, 2012
ITU-R, 1982
ITU-R, 1982
ITU-R, 1982
Walter Bruch / Telefunken, 1967
NTSC, 1953–82
ITU-R, 1982
Malvar & Sullivan, 2003
Eric Hamilton / C-Cube Microsystems, 1992
Henri de France, 1967
ITU-R, 2012
Sony / IEC, 2006
SMPTE, 1987
Kodak, 1992
Dolby / ITU-R, 2016
BBC & NHK / ITU-R, 2016
ITU-R, 2016
Julian Fröhlich, 2017

Cinéma et caméra43

Encodages log des caméras et espaces de travail pour capter la lumière et l’étalonner.

Academy, 2014
ARRI, 2010–22
Academy, 2014
Sony, 2014
Sony, 2014
Academy, 2012
Academy, 2016
ARRI, 2022
Kodak, 1992
Blackmagic Design, 2020
Sony, 2012–14
Panasonic, 2014
RED Digital Cinema, 2017
Canon, 2011–15
Canon, 2015
Canon, 2016
Fujifilm, 2016
Fujifilm, 2022
Fujifilm, 2024
Nikon, 2018
Apple, 2023
Apple, 2025
Blackmagic Design, 2020
DJI, 2017
FilmLight, 2013
Kinefinity, 2025
SMPTE/DCI, 2006
Sony, 2008–12
Academy, 2013
Kodak, 2000
Leica, 2020
GoPro, 2012
GoPro, 2026
Insta360, 2026
Xiaomi, 2024
OPPO, 2025
Samsung, 2025
RED Digital Cinema, 2007–08
RED Digital Cinema, 2008–17
RED Digital Cinema, 2016–17
Panavision / Sony, 2005
Thomson Grass Valley, 2002
FiLMiC Inc., 2017

Impression et peinture7

L’encre, la peinture et l’organisation mesurée des couleurs de surface.

Eagle Printing Ink Co., 1906
Albert H. Munsell, 1905
Johannes Itten, 1961
Louis Ducos du Hauron, 1868–1906
RAL gGmbH, 1993
Antal Nemcsics, 1980
Wilhelm Ostwald, 1917

L’utiliser

Un paquet JavaScript pour convertir les couleurs. Importez un espace de moins de 1.5 ko, ou tous les espaces pour les convertir entre eux. Les mêmes conversions traitent des images entières avec WASM, s’exécutent dans les shaders en GLSL ou WGSL et s’exportent en tables LUT ou en profils ICC. Les agents peuvent les appeler par le serveur MCP.

  • Vérifié par des référencesdes tests pour chaque espace
  • Dans les deux sensde n’importe quel espace vers n’importe quel autre
  • Minuscule0.4–1.5 ko par espace
  • Domaine publicCC0
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 168 × 167 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)
Qu’est-ce qu’un espace colorimétrique ?

Un système de coordonnées pour la couleur : des axes, des plages et une règle qui relie les nombres à une lumière mesurable. Le même orange s’écrit rgb(255 128 0), oklch(0.732 0.186 53) et XYZ [49, 36.7, 4.5] : la même couleur, écrite de trois façons. Une palette est une poignée de couleurs choisies ; un espace est une manière d’écrire n’importe quelle couleur.

Modèle de couleur ou espace colorimétrique : quelle différence ?

Un modèle de couleur définit les composantes utilisées pour décrire une couleur : trois primaires pour RGB, teinte, saturation et clarté pour HSL, quatre encres pour CMYK. Un espace colorimétrique précise les primaires, le point blanc et la courbe de codage. Chaque ensemble de valeurs correspond alors à une couleur mesurable. Ainsi, rgb(255 0 0) désigne des rouges différents en sRGB, Display P3 et Adobe RGB : un modèle, trois espaces.

Dans l’usage courant, les deux sont appelés espaces, y compris dans color-mix(in hsl, …) en CSS et dans ce catalogue. Un modèle peut prendre un espace existant comme référence : ici, HSL et HSV sont définis à partir de sRGB, comme en CSS.

Quel espace utiliser, concrètement ?

Tout dépend de la tâche :

  • stocker et partager des images : sRGB, le standard du web ;
  • concevoir des palettes et des dégradés : OKLCH, où des pas égaux paraissent égaux ;
  • calculer sur la lumière (mélange, flou, 3D) : RGB en lumière linéaire ;
  • tourner et étalonner de la vidéo : l’espace log de votre caméra, livré en Rec. 709 ou en Rec. 2100 ;
  • mesurer l’écart perçu entre deux couleurs : CIELAB ou DIN99o.

Regrouper le catalogue par usage le range de la même façon.

Que choisir à la place de HSL ?

OKLCH. Il garde les trois mêmes réglages – teinte, chroma, clarté –, mais sa clarté est fiable : en HSL, le jaune à L=50 émet environ 13 fois plus de lumière que le bleu à L=50 ; un même L ne veut donc pas dire une même luminosité. En OKLCH, si. CSS prend en charge oklch() en natif.

Pourquoi mes dégradés deviennent-ils boueux au milieu ?

Parce qu’ils sont calculés en sRGB encodé en gamma, où moyenner les nombres de deux couleurs donne une lumière plus sombre et plus terne que le mélange réel de leurs lumières. Interpoler en OKLab l’évite. La ligne interpoler de chaque fiche trace le même dégradé dans deux espaces côte à côte : vous voyez la différence avant de choisir.

Que signifie « hors gamut » ?

Une couleur qu’un espace peut décrire mais qu’un autre – ou votre écran – ne peut pas afficher. Un vert vif de Display P3 n’existe tout simplement pas en sRGB : convertissez-le, et les nombres sortent de la plage valide. L’atlas le rend visible : la pastille à côté de la couleur courante nomme le plus petit gamut standard qui la contient, et les tronçons hors plage apparaissent en transparence sur un damier.

Pourquoi l’impression paraît-elle plus terne que l’écran ?

Un écran émet de la lumière ; le papier réfléchit ce que ses encres n’absorbent pas. L’encre sur papier atteint moins de couleurs vives – les bleus, verts et rouges RGB saturés lui échappent –, d’où une impression plus terne. Le prépresse convertit via un profil ICC établi pour la presse et le papier, comme FOGRA39 pour le couché européen ou GRACoL aux États-Unis. Le CMYK de ce catalogue est la formule simple qu’utilise CSS pour device-cmyk() sans profil : juste pour les nombres, pas une épreuve de l’impression.

Les conversions sont-elles exactes ? Les allers-retours perdent-ils des données ?

Les conversions sont des formules fermées, pas des approximations par table, et les allers-retours reviennent au point de départ au bruit du calcul flottant près. Les rares exceptions sont documentées là où elles surviennent : OSA-UCS n’a pas d’inverse analytique, les systèmes d’atlas comme Munsell interpolent entre les échelons publiés, et la sortie rgb est bornée au gamut sRGB : passez par XYZ ou par RGB linéaire s’il vous faut des valeurs au-delà.

Elles sont aussi vérifiées : chaque espace renvoie à l’article ou à la spécification qu’il implémente, les valeurs sont testées contre colorjs.io partout où les deux se recoupent, et les logs de caméra contre les transformations ACES officielles de l’Academy. formula-verification.md consigne ce qui a été vérifié contre quoi, y compris quelques endroits où les articles publiés comportaient eux-mêmes des erreurs.

Si les nombres diffèrent de ceux d’une autre bibliothèque, comparez les plages : celle-ci garde les plages usuelles de chaque espace – RGB 0–255, clarté Lab 0–100, teinte 0–360 – là où beaucoup ramènent tout à 0–1. Chaque carte affiche ses plages ; dans le code, c’est space.oklch.range.

Lesquels CSS sait-il écrire ?

En natif : rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), plus color() pour Display P3, Adobe RGB, ProPhoto, sRGB linéaire et XYZ (D65 et D50). Le rec2020 de CSS est un gamma 2.4 pur, pas la courbe BT.2020 du Rec. 2020 de ce catalogue : les mêmes nombres y désigneraient une autre couleur. L’onglet css de chaque fiche écrit la couleur courante sous une forme copiable ; les espaces absents de CSS sont fournis à la place en profils ICC ou en LUT.

Où sont Pantone, NCS, RAL ?

Ce sont des produits sous licence : leurs couleurs sont définies par des données que leurs propriétaires vendent, non par des formules publiées. Il n’y a donc pas de mathématiques ouvertes à implémenter, et redistribuer leurs tables serait illégal. Des proches parents aux mathématiques publiques figurent ici : Munsell (sa renotation de 1943 est du domaine public) et RAL Design (défini directement en CIELAB). La règle : si les mathématiques ont un jour été publiées, l’espace a sa place dans la collection.

Copié