168 espacios

Espacios de color

De la a la , de los a la , a .
Compatibles con CSS, sombreadores, WASM y tablas de conversión de color (LUT).

Pantalla y web19

Espacios RGB de trabajo y entrega, del estándar web a gamas de pantalla más amplias.

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

Controles de matiz, saturación y brillo construidos sobre RGB. Pasos iguales no tienen por qué verse iguales.

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

Perceptuales48

Coordenadas para comparar colores, crear paletas y predecir la apariencia.

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

Colorimetría e investigación22

Los fundamentos de la medición, el ojo y coordenadas de investigación especializadas.

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

Vídeo y radiodifusión20

Separan el brillo del color para la radiodifusión, la compresión y la entrega 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

Cine y cámara43

Codificaciones log de cámara y espacios de trabajo para capturar la luz y etalonarla.

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

Impresión y pintura7

Tinta, pintura y la organización medida de los colores de superficie.

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

Úsalo

Un paquete de JavaScript para convertir colores. Importa un espacio de menos de 1,5 kB, o todos para convertir entre cualquier par de espacios. Las mismas conversiones procesan imágenes completas con WASM, se ejecutan en sombreadores GLSL o WGSL y se pueden exportar como tablas LUT o perfiles ICC. Los agentes pueden invocarlas a través del servidor MCP.

  • Probado con referenciaspruebas para cada espacio
  • En ambos sentidosde cualquier espacio a cualquier otro
  • Diminuto0,4–1,5 kB por espacio
  • Dominio públicoCC0
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é es un espacio de color?

Un sistema de coordenadas para el color: ejes, rangos y una regla que vincula los números con luz medible. El mismo naranja es rgb(255 128 0), oklch(0.732 0.186 53) y, en XYZ, [49, 36.7, 4.5] – el mismo color, escrito de tres maneras. Una paleta es un puñado de colores elegidos; un espacio es una forma de anotar cualquier color.

Modelo de color o espacio de color: ¿en qué se diferencian?

Un modelo de color define las componentes con las que se describe un color: tres primarios en RGB, matiz, saturación y claridad en HSL, y cuatro tintas en CMYK. Un espacio de color especifica además los primarios, el punto blanco y la curva de codificación, de modo que cada conjunto de valores corresponda a un color medible. Por eso rgb(255 0 0) describe rojos distintos en sRGB, Display P3 y Adobe RGB: un modelo, tres espacios.

En el uso habitual, ambos se llaman espacios, también en color-mix(in hsl, …) de CSS y en este catálogo. Un modelo puede tomar como referencia un espacio ya definido: aquí HSL y HSV se basan en sRGB, como en CSS.

¿Qué espacio debería usar realmente?

Depende de la tarea:

  • almacenar y compartir imágenes – sRGB, el estándar por defecto de la web;
  • diseñar paletas y degradados – OKLCH, donde pasos iguales se ven iguales;
  • cálculos con luz (mezcla, desenfoque, 3D) – RGB en luz lineal;
  • grabar y etalonar vídeo – el espacio log de la cámara, con entrega en Rec. 709 o Rec. 2100;
  • medir cuán distintos se ven dos colores – CIELAB o DIN99o.

Agrupar el catálogo por uso lo ordena de la misma manera.

¿Qué debería usar en lugar de HSL?

OKLCH. Mantiene los mismos tres controles – matiz, croma, claridad –, pero su claridad es fiable: en HSL, el amarillo a L=50 emite unas 13 veces más luz que el azul a L=50, así que la misma L no significa el mismo brillo. En OKLCH, sí. CSS admite oklch() de forma nativa.

¿Por qué mis degradados se enturbian en el centro?

Porque se calculan en sRGB codificado con gamma, donde promediar los números de dos colores produce una luz más oscura y apagada que la que daría mezclar realmente su luz. Interpolar en OKLab lo evita. La fila interpolar de cada dosier traza la misma mezcla en dos espacios, uno junto al otro, para ver la diferencia antes de elegir.

¿Qué significa «fuera de gama»?

Un color que un espacio puede describir pero que otro – o la pantalla – no puede mostrar. Un verde intenso de Display P3 simplemente no existe en sRGB: al convertirlo, los números quedan fuera del rango válido. El atlas lo mantiene a la vista: la etiqueta junto al color actual indica la gama estándar más ajustada que lo contiene, y los tramos fuera de rango se ven atenuados sobre un damero.

¿Por qué la impresión se ve más apagada que la pantalla?

Una pantalla emite luz; el papel refleja lo que sus tintas no absorben. La tinta sobre papel alcanza menos colores vivos – los azules, verdes y rojos RGB saturados quedan fuera de su gama – así que se imprimen más apagados. La preimpresión convierte mediante un perfil ICC hecho para la prensa y el papel, como FOGRA39 para el estucado europeo o GRACoL en EE. UU. El CMYK de este catálogo es la fórmula simple que CSS usa para device-cmyk() sin perfil: correcta para los números, no una prueba de la impresión.

¿Son exactas las conversiones? ¿Se pierden datos en un viaje de ida y vuelta?

Las conversiones son fórmulas cerradas, no aproximaciones por tabla, y los viajes de ida y vuelta regresan dentro del ruido de coma flotante. Las pocas excepciones están documentadas donde ocurren: OSA-UCS no tiene inversa cerrada, los sistemas de atlas como Munsell interpolan entre los grados publicados y la salida rgb se limita a la gama sRGB – para obtener valores fuera de ella, conviene pasar por XYZ o por RGB lineal.

Además están verificadas: cada espacio enlaza el artículo o la especificación que implementa, los valores se prueban contra colorjs.io donde ambos coinciden, y los logs de cámara contra las transformaciones ACES oficiales de la Academia. formula-verification.md registra qué se comprobó contra qué – incluidos algunos lugares donde los propios artículos publicados tenían errores.

Si los números difieren de los de otra biblioteca, compara los rangos: esta conserva los rangos convencionales de cada espacio – RGB 0–255, claridad Lab 0–100, matiz 0–360 – donde muchas lo aplanan todo a 0–1. Cada tarjeta muestra sus rangos; en código son space.oklch.range.

¿Cuáles de estos puede escribir CSS?

De forma nativa, rgb(), hsl(), hwb(), lab(), lch(), oklab() y oklch(), más color() para Display P3, Adobe RGB, ProPhoto, sRGB lineal y XYZ (D65 y D50). El rec2020 de CSS es una gamma 2.4 pura, no la curva BT.2020 del Rec. 2020 de este catálogo – los mismos números nombrarían otro color. La pestaña css de cada dosier escribe el color actual en forma copiable; los espacios que CSS no tiene se ofrecen en su lugar como perfiles ICC o LUT.

¿Dónde están Pantone, NCS y RAL?

Son productos con licencia: sus colores se definen mediante datos que venden sus propietarios, no mediante fórmulas publicadas – así que no hay matemáticas abiertas que implementar, y redistribuir sus tablas no sería legal. Aquí están parientes cercanos cuyas matemáticas son públicas: Munsell (su renotación de 1943 es de acceso público) y RAL Design (definido directamente en CIELAB). La regla general: si las matemáticas se publicaron alguna vez, tienen su lugar en la colección.

Copiado