Convertidor de colores – consulta 37 formatos de color

Cada programa guarda el mismo color a su manera. Figma y CSS esperan un código hexadecimal[1], el cuadro de diálogo para elegir colores de Word y Excel muestra tres números RGB[2], la imprenta te pide CMYK y una aplicación de Android guarda el color en un solo número con la opacidad al principio[3]. El convertidor pasa un color de uno de estos formatos a otro.

Las listas bajo Convertir de y Convertir a tienen los mismos 37 formatos, repartidos en seis grupos: Los más usados, CSS, Para programadores, Video y JPEG, Microsoft Office y CIE. Puedes escribir en cualquiera de los dos campos, y el convertidor rellena el otro.

Un mismo código puede significar dos colores distintos según el formato. Por eso el campo lee primero lo que escribes en el formato elegido en su lista. Si no encaja, busca un formato que sí encaje, cambia la lista y te lo avisa en una línea debajo. Esto pasa tras una breve pausa al escribir, o enseguida al pegar. Si pegas, por ejemplo, 3900150 en un campo con HEX, aparecen dos líneas: «Cambiamos el formato a Número decimal (orden RGB).» y «Esta entrada también puede ser Número decimal de Office (VBA, Excel). Elige el formato correcto en la lista bajo el campo.» La segunda te da la otra lectura posible, y eres tú quien elige la correcta en la lista.

También puedes elegir un color sin escribir nada. La muestra de color junto al campo Convertir de abre el selector de colores de tu sistema. En Chrome, Edge y Opera en el ordenador aparece además el botón Toma un color de la pantalla, que captura el color de cualquier punto de la pantalla, incluso fuera de la ventana del navegador[4]. Firefox, Safari y Chrome en Android no ofrecen esta función a las páginas web, así que ahí el botón no aparece[4].

Limpiar todo vacía los dos campos, y Copiar resultado copia al portapapeles lo que hay en el campo Convertir a. Todo el cálculo se hace en tu navegador, así que tus colores no llegan a nuestro servidor.

Cada uno de estos tres países fija sus colores oficiales con un sistema distinto.

España

El Real Decreto 441/1981 define los colores de la bandera de España en el sistema CIELAB. El rojo bandera tiene una claridad L* de 37, un croma C* de 70 y un tono H* de 35°, y el amarillo gualda bandera, L* 80, C* 95 y H* 85°, con una tolerancia de cinco unidades CIELAB. El mismo decreto da su correspondencia en CIE 1931 con el iluminante C[6].

Estos tres números son justo los del formato CIE LCH (blanco D50, como en CSS). Si escribes lch(37 70 35) en el campo Convertir de, obtienes #AA141A, y lch(80 95 85) da #F1BF00. El convertidor calcula Lab con el blanco D50, como CSS, y el decreto usa el iluminante C, así que el resultado es una aproximación. Además, el amarillo queda fuera de sRGB, y el convertidor muestra el color más cercano dentro de sRGB.

México

La Guía de Identidad Gráfica del Gobierno de México 2024-2030 da para el color Pantone 7420 C, un rojo oscuro, los valores CMYK 29/98/59/18, RGB 156/35/72 y el código #9b2247[7]. Si escribes esos tres números RGB en el convertidor, obtienes #9C2348. En cinco de los ocho colores institucionales de la guía, el código HEX queda una unidad por debajo de los valores RGB en cada canal[7]. La diferencia es pequeña, pero conviene quedarse con uno de los dos valores y copiar siempre el mismo.

Argentina

El Decreto 1650/2010 fija los colores, las medidas y la tela de la bandera argentina mediante las normas IRAM-DEF D 7679 y D 7677, entre otras. Las prepararon el INTI, el Instituto Nacional Belgraniano y el IRAM tras una investigación de más de diez años[8].

Un modelo de color dice de qué está hecho un color. RGB se basa en la síntesis aditiva: representa un color mezclando los tres colores primarios de la luz, rojo, verde y azul[9], como hace la pantalla. CMYK describe un color impreso por las proporciones de cuatro tintas: cian, magenta, amarillo y negro[10]. HSL y HSB pasan los números RGB a tono, saturación y luminosidad, más fáciles de leer y de ajustar a mano[5].

Un código de color, o formato, es la forma en que un programa guarda los números de un modelo. #3B82F6, rgb(59, 130, 246) y el número 3900150 son tres formatos del mismo color RGB. El convertidor conoce 37, que se diferencian por la escala, por el orden de los canales y por si guardan la opacidad.

Un espacio de color fija qué colores se pueden escribir y cómo se ven exactamente. La web usa sRGB, un espacio que crearon juntos Hewlett-Packard y Microsoft[11]. Los monitores de gama amplia muestran más colores, y CSS los describe, por ejemplo, en el espacio Display P3[5]. Lab, LCH, Oklab, OKLCH y XYZ no dependen de ninguna pantalla. Lab abarca todos los colores que puede ver una persona[5], así que cualquier color cabe en estos formatos.

Estos formatos están en el grupo Los más usados. Te los encuentras en los programas de diseño, en las suites de oficina y en CSS.

HEX

Un código hexadecimal escribe los tres números RGB en base 16, con dos caracteres por canal: rojo, verde y azul. Cada par va de 00 a FF, es decir, de 0 a 255, y eso da 256 × 256 × 256, o sea, 16 777 216 colores[12]. Cuando los dos caracteres de cada par son iguales, el código se acorta a tres caracteres: #FF0 es #FFFF00[5].

En Photoshop escribes el código en el cuadro de texto # del Selector de color de Adobe[13]. En LibreOffice va en el campo N.º hex. del diálogo Elija un color[14], y en GIMP 3.2 en el campo Notación HTML, que también admite nombres de colores CSS[15]. El convertidor de HEX a RGB explica el cálculo paso a paso.

RGB (0–255)

RGB da tres números de 0 a 255: cuánta luz roja, verde y azul tiene un color. Tres ceros dan el negro, y tres veces 255, el blanco. El Selector de color de Adobe tiene para ello los cuadros de texto R, G y B[13], LibreOffice, los campos Rojo, Verde y Azul, de 0 a 255[14], y el cuadro de diálogo para elegir colores de Word, Excel y PowerPoint, los cuadros Rojo, Verde y Azul de la pestaña de colores personalizados[2]. En el convertidor separas los números con comas o espacios, o pegas rgb(255, 215, 0) tal cual desde una hoja de estilos. El convertidor de RGB a HEX hace el camino inverso, de los números al código hexadecimal.

HSL

HSL describe un color por su tono (hue, en inglés), su saturación y su luminosidad. El tono es un ángulo en el círculo cromático, en grados: 0 es el rojo, 120 el verde y 240 el azul, y la saturación y la luminosidad van en porcentaje[5]. Con una luminosidad del 50 % el color es más puro, y el 0 % y el 100 % dan siempre el negro y el blanco. CSS entiende HSL, así que puedes pegar el resultado directamente en una hoja de estilos. El convertidor de HEX a HSL explica en qué se diferencia HSL de HSB y de la escala de Office.

HSB / HSV (Photoshop, Figma)

HSB y HSV son dos nombres del mismo modelo, que creó Alvy Ray Smith en 1978[16]. El tono funciona igual que en HSL, pero el tercer número, el brillo B o el valor V, da el color puro al 100 %, mientras que en HSL una luminosidad del 100 % da el blanco. Por eso el rojo puro #FF0000 es hsv(0, 100%, 100%) en HSB y hsl(0, 100%, 50%) en HSL.

Así trabaja el Selector de color de Adobe en Photoshop: el tono es un ángulo entre 0° y 360°, y la saturación y el brillo van en porcentaje[13]. LibreOffice muestra el mismo modelo con los campos Matiz, Saturación y Brillo, y el matiz va de 0 a 359[14], y Figma lo llama HSB[1]. El convertidor escribe el resultado como hsv(…), y en el programa tecleas solo los tres números. El convertidor de RGB a HSV y el convertidor de HSV a RGB cubren los dos sentidos.

CMYK (sin perfil de color)

CMYK da los porcentajes de cuatro tintas de imprenta: cian, magenta, amarillo y negro. La K viene de key, nombre corto de key plate, la plancha que imprimía el detalle de la imagen, normalmente en tinta negra[10]. En el Selector de color de Adobe introduces los porcentajes en C, M, Y y K[13], y LibreOffice tiene los campos Cian, Magenta, Amarillo y Negro[14]. El convertidor de HEX a CMYK y el convertidor de CMYK a RGB dan más ejemplos de cálculo.

Nombre CSS

Los nombres de colores CSS, como gold, navy o tomato, están en inglés, y da igual escribirlos en mayúsculas o minúsculas[5]. El campo también los acepta con un espacio: Royal Blue da #4169E1. Cuando un color no tiene nombre propio, el campo del resultado muestra el más cercano, y debajo aparece la línea «Este color no tiene un nombre CSS propio, así que mostramos el más cercano.» El Pantone 7420 C de la guía mexicana, #9C2348, recibe así el nombre brown.

El grupo CSS reúne el resto de formatos que un navegador entiende en una hoja de estilos[5].

RGB (sintaxis con espacios)

El CSS moderno separa los números con espacios: rgb(59 130 246). La sintaxis antigua con comas significa lo mismo[5], y el campo acepta las dos.

RGB en porcentaje

Los canales también se pueden dar en porcentaje, donde el 100 % equivale a 255, así que rgb(100% 0% 0%) es el rojo puro[5].

HWB

HWB describe un color por su tono y por cuánto blanco y negro lleva mezclados. La especificación de CSS lo presenta como parecido a HSL, pero a menudo aún más fácil de manejar para una persona. También lo propuso Alvy Ray Smith, en 1996[5]. El rojo puro con un 50 % de blanco se escribe hwb(0 50% 0%), que es #FF7F80.

OKLCH

OKLCH da la luminosidad L en porcentaje, el croma C y el tono H en grados. El cálculo se hace en el espacio Oklab, que publicó Björn Ottosson en diciembre de 2020[5]. Su L sigue la claridad que percibe el ojo. En HSL, el azul puro y el amarillo puro tienen la misma luminosidad, del 50 %, aunque el amarillo se ve mucho más claro. En OKLCH, el azul tiene un 45,2 % y el amarillo, un 96,8 %[5].

Por eso en OKLCH es más fácil crear una paleta en la que los colores con la misma L se vean de verdad igual de claros.

Oklab

Oklab es el mismo espacio que OKLCH, pero en lugar del croma y el ángulo del tono tiene dos ejes: a, del verde al rojo, y b, del azul al amarillo[5]. En la práctica, a y b se quedan entre −0,5 y +0,5[5].

CIE Lab (blanco D50, como en CSS)

CIELAB, o CIE 1976 L*a*b*, se deriva del espacio CIE 1931 XYZ[17]. Describe un color por la luminosidad L, de 0 a 100, y por dos ejes, a del verde al rojo y b del azul al amarillo. En el Selector de color de Adobe, L admite valores de 0 a 100, y A y B, de −128 a +127[13].

Los valores Lab dependen siempre del blanco de referencia. CSS calcula con el blanco D50 y pasa del blanco D65 de sRGB al D50 con la transformación de Bradford[5], y este convertidor hace lo mismo. Una herramienta que calcula Lab para el blanco D65 da otros valores a y b para el mismo color, y los dos resultados son correctos.

CIE LCH (blanco D50, como en CSS)

LCH es Lab escrito de otra forma: la luminosidad L se mantiene, y el croma C y el ángulo del tono H ocupan el lugar de los ejes a y b[5]. OKLCH es a Oklab lo que LCH es a Lab.

Display P3

La especificación de CSS presenta Display P3 como un espacio típico de los monitores actuales de gama amplia[5]. En CSS se escribe color(display-p3 …), con tres números de 0 a 1. En Figma, el perfil de color de un archivo puede ser sRGB o Display P3[1]. Un código hexadecimal siempre está en sRGB[5], así que un color copiado en HEX desde un archivo Display P3 puede verse distinto.

Adobe RGB (1998)

En CSS, Adobe RGB (1998) se llama a98-rgb. Su primario verde está en el diagrama de cromaticidad en x 0,21 e y 0,71, y el de sRGB en x 0,3 e y 0,6, así que este espacio abarca verdes y cianes más saturados[5]. Su curva de transferencia usa el exponente 256/563, cercano a 1/2,2 pero no igual[5]. El verde puro de sRGB, #00FF00, es en él color(a98-rgb 0.565 1 0.2344).

ProPhoto RGB

Kodak desarrolló ProPhoto RGB, y la ISO lo normalizó con el nombre ROMM RGB. Usa el blanco D50, el mismo que Lab en CSS, y primarios que no se pueden obtener físicamente, y la especificación de CSS indica que la fotografía digital lo usa para las versiones de archivo de las imágenes[5]. En CSS se escribe color(prophoto-rgb …). El convertidor da aquí cinco decimales, porque con cuatro algunos colores de 8 bits no vuelven a los mismos valores RGB.

Rec. 2020

Rec. 2020 es el espacio de la Recomendación UIT-R BT.2020 para la televisión Ultra HD, 4K y 8K, y la especificación de CSS advierte que las pantallas actuales no muestran toda su gama[5]. Un verde fuera de sRGB, como color(rec2020 0 1 0), se queda igual en este formato, mientras que en HEX aparece el color más cercano, #00F272.

sRGB lineal

El sRGB lineal tiene los mismos primarios y el mismo blanco que sRGB, pero sin curva de transferencia, así que los números crecen en proporción a la cantidad de luz[5]. Los colores oscuros reciben números muy pequeños, por eso este formato necesita más decimales que sRGB para que no aparezcan bandas visibles en los degradados[5]. #3B82F6 es aquí color(srgb-linear 0.04374 0.22323 0.92158), aunque su rojo en sRGB vale 0,231.

Cada lenguaje y cada programa espera el color en su propio formato. El grupo Para programadores reúne los que se escriben en código: Unity, Android, Flutter, Swift, Python, LaTeX, la API de Discord y las pantallas para Arduino.

RGB 0–1 (Unity, matplotlib)

Unity da los componentes de un color como números de 0 a 1[18], igual que matplotlib en Python[19]. En LaTeX, el paquete xcolor usa en el modelo rgb fracciones de 0 a 1 y en el modelo RGB enteros de 0 a 255[20]. Para pasar un valor de 0 a 255 a una fracción, divídelo entre 255: 59 se convierte en 0,2314.

Android, color en XML (opacidad primero)

En los archivos de recursos de Android, un color empieza con almohadilla y tiene la forma #RGB, #ARGB, #RRGGBB o #AARRGGBB[21]. La opacidad va al principio, al revés que en CSS, donde un código de ocho caracteres termina con la opacidad[5]. Por eso la misma cadena da dos colores distintos: #803B82F6 es en Android el #3B82F6 con un 50 % de opacidad aproximadamente, pero en CSS es el morado rgba(128, 59, 130, 0.96). El campo lee un código de ocho caracteres según el formato elegido en su lista: como CSS con HEX, y como Android con «Android, color en XML (opacidad primero)».

Android, entero ARGB (Java, Kotlin)

En el código Java y Kotlin, Android guarda desde el nivel de API 1 los colores en un solo entero de 32 bits, con los canales en el orden A, R, G, B[3]. El ejemplo de la documentación es 0xff0000ff, un azul opaco[3]. Con el byte de opacidad FF el número se vuelve negativo en Java, porque un int tiene signo: 0xFF3B82F6 vale -12877066. En este formato, el campo acepta las dos formas y lee tal cual un número sin byte de opacidad, como 0x3B82F6. Ese color queda con opacidad 0, igual que en Android.

Flutter, Jetpack Compose

Flutter crea un color a partir de un número hexadecimal con la opacidad al principio, como Color(0xFF42A5F5), que su documentación muestra junto a Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5)[22]. Jetpack Compose tiene una función Color que crea un color a partir de un número ARGB[23], así que Color(0xFF3B82F6) funciona sin cambios en los dos.

UIColor (UIKit)

UIColor, en UIKit, recibe el rojo, el verde, el azul y el alfa como fracciones. Desde iOS 10 trabaja en el espacio sRGB extendido, así que no recorta los componentes por debajo de 0 ni por encima de 1[24]. El campo acepta también componentes escritos como división, como suelen aparecer en el código Swift: UIColor(red: 59/255, green: 130/255, blue: 246/255, alpha: 1) da #3B82F6.

SwiftUI

SwiftUI crea un color con Color(red:green:blue:opacity:) y llama opacity al alfa[25]. El convertidor solo añade opacity cuando el color es en parte transparente.

Número decimal (orden RGB)

Este formato mete los tres canales en un solo número: el rojo multiplicado por 65 536, más el verde multiplicado por 256, más el azul. Lo usa Discord: los bots y los webhooks envían el color de un embed como un entero en el campo color[26]. El Pantone 7420 C de la guía mexicana, #9C2348, es 10232648 en este formato.

HSV de OpenCV (tono 0–180)

En las imágenes de 8 bits, OpenCV divide el tono entre dos para que quepa en un byte. Por eso aquí el tono va de 0 a 180, y la saturación y el valor, de 0 a 255[27]. Ese mismo color es 171, 198, 156 en OpenCV, mientras que su tono en HSB es de 341,7°.

HSV 0–1 (Python colorsys)

El módulo colorsys de la biblioteca estándar de Python da el tono, la saturación y el valor como fracciones de 0 a 1[28], también el tono, que otros formatos dan en grados. Un tono de 0,5 equivale aquí a 180°, y el Pantone 7420 C es 0.949, 0.7756, 0.6118.

RGB565 (Arduino, pantallas TFT)

RGB565 guarda un color en 16 bits: 5 bits de rojo, 6 de verde y 5 de azul, con el rojo en los bits más significativos[29]. Así guarda los colores la biblioteca Adafruit GFX para pantallas a color de Arduino, en la que el blanco es 0xFFFF y el rojo 0xF800[30]. Dieciséis bits dan 65 536 colores[30], así que el resultado es el más cercano de ellos: #3B82F6 sale como 0x3C1E y vuelve como #3A82F7.

El convertidor redondea cada componente al nivel más cercano, como el formato UNORM de Direct3D, en el que todos los bits a uno significan el valor máximo[31]. La función color565() de Adafruit GFX descarta los bits bajos[32], así que su resultado puede quedar un nivel más abajo en algún componente. Con RGB565 (Arduino, pantallas TFT) elegido en la lista, el campo acepta 0xF800, #F800 y un número decimal como 63488.

YCbCr separa un color en la luminancia Y y dos diferencias de color: Cb, el azul menos la luminancia, y Cr, el rojo menos la luminancia[33]. Así guardan el color los archivos JPEG y el video digital. El grupo Video y JPEG tiene tres variantes de este formato, que se diferencian en los pesos de los canales y en el rango de los números.

YCbCr (JPEG, 0–255)

El formato de archivo JPEG (JFIF) guarda Y, Cb y Cr en el rango completo de 0 a 255. Pondera el rojo con 0,299, el verde con 0,587 y el azul con 0,114, y redondea y recorta el resultado a 0–255[34]. El blanco es por tanto Y 255, Cb 128, Cr 128 y el rojo puro Y 76, Cb 85, Cr 255, porque la fórmula da para Cr 255,5, que se recorta a 255.

YCbCr BT.601 (video SD, 16–235)

La Recomendación UIT-R BT.601, para la televisión de definición estándar, usa los mismos pesos que JPEG pero deja margen en la señal: la luminancia ocupa los códigos de 16 a 235 y las diferencias de color de 16 a 240, con el centro en 128[33]. El negro es aquí Y 16, Cb 128, Cr 128 y el blanco Y 235, Cb 128, Cr 128.

YCbCr BT.709 (video HD, 16–235)

La Recomendación UIT-R BT.709, para la televisión HD, mantiene el mismo rango de códigos pero cambia los pesos a 0,2126 para el rojo, 0,7152 para el verde y 0,0722 para el azul[35]. El rojo puro es por tanto Y 63, Cb 102, Cr 240 en BT.709 y Y 81, Cb 90, Cr 240 en BT.601, así que un reproductor que decodifica un video HD como BT.601 muestra los colores algo desplazados.

Los códigos YCbCr de 8 bits tienen menos niveles que RGB, y el rango 16–235 aún menos, así que un color convertido de ida y vuelta puede volver uno o dos niveles distinto en algún canal. El campo acepta tres números con letras, como Y 81, Cb 90, Cr 240, o los tres números solos en el orden Y, Cb, Cr.

HSL de Office (escala 0–255)

El cuadro de diálogo para elegir colores de Word, Excel y PowerPoint ofrece en la pestaña de colores personalizados los modelos de colores RGB y HSL[2]. En HSL, Office cuenta la saturación y la luminosidad hasta 255: una saturación de 255 es el máximo, y una luminosidad de 255 da el blanco[2]. El convertidor lee también el tono en esta escala. Una escala tan gruesa no acierta con cada color de pantalla: #3B82F6 es 154, 233, 153 en Office, y esos números, recalculados, dan #3C83F6.

Número decimal de Office (VBA, Excel)

La función RGB de VBA devuelve un color como un solo número entero[36], y con ella se fija el color de relleno de una celda de Excel mediante la propiedad Interior.Color[37]. En ese número, el rojo ocupa el byte de menor peso, como en el valor COLORREF de Windows[38], así que los canales van en el orden inverso al del formato Número decimal (orden RGB). El Pantone 7420 C es 4727708 en Excel y 10232648 en orden RGB.

Para ver el relleno de la celda A1, ejecuta una macro de una sola línea, MsgBox Range("A1").Interior.Color. Pega el número de la ventana de mensaje en un campo con Número decimal de Office (VBA, Excel), y el convertidor lo pasa a HEX, RGB o CMYK.

XYZ es el espacio de color que la Comisión Internacional de la Iluminación (CIE) estableció en 1931, a partir de experimentos de finales de los años veinte[39]. Lab se deriva de él[17]. Y representa la luminancia, y CSS la escala de forma que el blanco tenga Y = 1[5].

XYZ (blanco D65)

color(xyz-d65 …) da XYZ respecto al blanco D65, el de sRGB y Display P3. CSS lee igual la forma corta color(xyz …)[5]. El blanco #FFFFFF es aquí color(xyz-d65 0.95046 1 1.08906).

XYZ (blanco D50)

color(xyz-d50 …) da XYZ respecto al blanco D50, desde el que CSS calcula Lab y LCH[5]. El blanco es aquí color(xyz-d50 0.9643 1 0.8251), así que el mismo color tiene otros valores X y Z en los dos formatos XYZ.

CIE xyY

El espacio CIE xyY se diseñó para que Y mida la luminancia de un color, mientras que x e y, calculados como x = X / (X + Y + Z) e y = Y / (X + Y + Z), dan su cromaticidad[39]. El convertidor mantiene Y en la escala de 0 a 1 del formato XYZ, así que el blanco #FFFFFF es aquí x 0.3127, y 0.329, Y 1.

CIE Luv (blanco D65)

CIELUV, o CIE 1976 L*u*v*, es un espacio que la CIE adoptó en 1976 como una transformación de XYZ fácil de calcular que busca la uniformidad perceptual, y se usa mucho en gráficos por ordenador que trabajan con luces de colores[40]. El convertidor usa el blanco D65, el mismo que sRGB, así que #FFFFFF es L 100, u 0, v 0 y el rojo puro L 53.24, u 175.01, v 37.77.

La opacidad, también llamada canal alfa, indica cuánto tapa un color lo que tiene detrás: con 0 es totalmente transparente, y con 1, es decir, un 100 %, totalmente opaco[5]. En CSS se escribe tras una barra, rgb(59 130 246 / 50%), en la sintaxis antigua como cuarto número de rgba(59, 130, 246, 0.5), y en un código hexadecimal como los dos últimos caracteres, por ejemplo #3B82F680[5]. RGBA no es más que RGB con ese cuarto número.

Los dos caracteres de opacidad de un código de ocho caracteres van de 00 a FF, es decir, de 0 a 255, así que 80 equivale a 128 de 255, o sea, un 50,2 %. Por eso «RGB (sintaxis con espacios)» muestra #3B82F680 como rgb(59 130 246 / 0.502).

Estos formatos no guardan la opacidad: CMYK (sin perfil de color), Nombre CSS, Número decimal (orden RGB), HSV de OpenCV (tono 0–180), RGB565 (Arduino, pantallas TFT), YCbCr (JPEG, 0–255), YCbCr BT.601 (video SD, 16–235), YCbCr BT.709 (video HD, 16–235), HSL de Office (escala 0–255), Número decimal de Office (VBA, Excel), CIE xyY y CIE Luv (blanco D65). Con ellos aparece una línea bajo el resultado, por ejemplo «CMYK (sin perfil de color) no guarda la opacidad, así que el resultado muestra el color sin transparencia.»

La palabra clave transparent es en CSS un negro transparente, rgb(0 0 0 / 0%)[5], y el convertidor la lee igual: transparent y rgba(0,0,0,0) dan los dos #00000000.

Porque el convertidor calcula el CMYK sin perfil de color, con una fórmula que la especificación de CSS llama ingenua. Para firebrick, #B22222, da cmyk(0%, 81%, 81%, 30%), el mismo resultado que muestra el W3C[41]. Así un color de pantalla se convierte en cuatro números, pero no se sabe cómo saldrá en papel.

Una imprenta calcula el CMYK con un perfil ICC que describe su máquina, sus tintas y su papel. En el ejemplo de la misma especificación, el resultado ingenuo se aleja de la impresión 14,3 unidades DeltaE 2000, una diferencia que el W3C considera muy visible[41]. El Pantone 7420 C de la guía mexicana muestra la misma diferencia: la guía le da CMYK 29/98/59/18[7], y la fórmula da para #9C2348 cmyk(0%, 78%, 54%, 39%).

Cuando conviertes en Photoshop una imagen RGB al modo CMYK, los colores que quedan fuera de la gama CMYK se ajustan, y esa gama la define el espacio de color CMYK del cuadro de diálogo Ajustes de color[42]. LibreOffice muestra campos CMYK en el diálogo Elija un color, pero imprime solo en RGB[14]. Prepara por eso el archivo para la imprenta en CMYK con el perfil que te den, y deja los gráficos para pantalla en RGB o HEX. El convertidor de RGB a CMYK explica paso a paso cómo cambiar el modo de un archivo y qué perfiles piden las imprentas.

En OKLCH, Oklab, CIE Lab (blanco D50, como en CSS), CIE LCH (blanco D50, como en CSS), Display P3, Adobe RGB (1998), ProPhoto RGB, Rec. 2020, sRGB lineal, XYZ (blanco D65), XYZ (blanco D50), CIE xyY y CIE Luv (blanco D65), el convertidor da el color exacto, aunque quede fuera de sRGB. Los demás formatos solo abarcan sRGB, así que para ellos el convertidor busca el color más cercano con el método de CSS Color 4[5] y lo avisa bajo el resultado, por ejemplo: «Este color queda fuera del espacio sRGB, así que HEX muestra el color más cercano que puede guardar.»

Estos colores vienen, por ejemplo, de Tailwind CSS. En su versión 4, Tailwind pasó toda su paleta predeterminada de RGB a OKLCH para aprovechar la gama más amplia de las pantallas nuevas[43]. Su blue-500 es oklch(62.3% 0.214 259.815)[44]. Este color queda fuera de sRGB, y el color sRGB más cercano según el convertidor es #2B7FFF. En la versión 3, blue-500 era todavía #3b82f6[45], el color de los ejemplos del convertidor.

Porque Pantone, RAL y NCS son sistemas de colores físicos, y solo sus propietarios publican los equivalentes digitales. Pantone da los equivalentes RGB, CMYK, HEX y Lab más cercanos de sus colores en la aplicación Pantone Connect[46], y la ayuda de Microsoft remite a la web de Pantone para sacar los valores RGB que se escriben en el cuadro de diálogo para elegir colores de Office[2]. RAL vende una biblioteca digital con valores RGB y Lab de más de 2 500 colores[47], y NCS muestra sus colores en la plataforma NCS+[48]. Desde la versión de octubre de 2023, Photoshop ya no incluye los últimos tres libros de colores Pantone[13].

En España, la norma UNE 48103 de colores normalizados para pinturas se basa en el sistema NCS. En sus anexos informativos da las coordenadas L*, a* y b* de cada color UNE y su equivalencia con los colores RAL[49]. Con esas coordenadas puedes probar el color en el formato CIE Lab (blanco D50, como en CSS) del convertidor, sabiendo que el resultado en pantalla es solo orientativo.

Para usar uno de estos colores en pantalla, toma los valores de la biblioteca del propietario y escríbelos en el campo Convertir de. Si vas a pintar una pared o a encargar una fachada o unas ventanas en un color RAL, elige el color en una carta física. Una pantalla emite luz y la pintura la refleja, así que el mismo tono se ve distinto en la pared y en el monitor.