Convertidor de colores

Convierte un color entre HEX, RGB, HSL, HSV, CMYK, XYZ y Lab, consulta su valor aproximado en Adobe RGB y genera una escala de tonos al estilo Tailwind y una paleta de colores.

Resultado de la conversión de color

#3B82F6

RGB: -
HSL: -
HSV: -
CMYK: -
XYZ (D65): -
CIE Lab: -
Adobe RGB (aprox.): -

Escala de tonos

Una escala del 50 al 950 al estilo Tailwind generada a partir de tu color. Selecciona un tono para usarlo como color actual.

Cómo funciona

La conversión de espacios de color transforma valores de color entre modelos como RGB, HSL, HSV, CMYK, XYZ y Lab. RGB, HSL y HSV describen el mismo color sRGB de diferentes maneras; CIE XYZ es un intermediario independiente del dispositivo que se usa para convertir a otros espacios como Adobe RGB, y Lab separa la luminosidad del color para comparaciones perceptualmente más uniformes.

Ingresa un color
Escribe un código hex o arrastra los controles deslizantes de RGB o HSL.
Consulta todos los formatos
RGB, HSL, HSV, CMYK, XYZ, Lab y un valor aproximado de Adobe RGB se actualizan juntos.
Crear una escala o paleta
Usa la escala de tonos para los tokens de interfaz de usuario o el generador de paletas para esquemas de colores.

Conversión mediante CIE XYZ

Cada espacio de color RGB define sus primarios y su punto blanco como valores triestímulo CIE XYZ. La conversión aplica una matriz de 3x3 para transformar el RGB de origen a XYZ y luego una segunda matriz para convertir XYZ al RGB de destino. sRGB y Adobe RGB usan el punto blanco D65, por lo que no se necesita adaptación cromática entre ellos; DCI-P3 para cine usa un punto blanco diferente, lo que sí requiere adaptación.

Por qué los colores pueden verse diferentes en Adobe RGB

Adobe RGB tiene una gama notablemente más amplia que sRGB, especialmente en cian-verde. Los mismos valores numéricos RGB representan un color más saturado en Adobe RGB porque su primario verde está más alejado en el diagrama CIE. Cuando una aplicación ignora el perfil incrustado del archivo y asume sRGB, los colores que solo eran válidos en Adobe RGB se muestran menos vivos de lo previsto.

Colores fuera de gama

Un color está fuera de gama en un espacio de destino cuando algún canal cae por debajo de 0 o supera 1 en términos normalizados. La intención de renderizado perceptual comprime toda la gama proporcionalmente; la colorimétrica relativa recorta los valores fuera de gama al límite sin alterar los colores dentro de la gama; la colorimétrica absoluta también conserva las diferencias del punto blanco.

sRGB o Adobe RGB para editar fotos

Si tu destino es la web o pantallas de consumo, casi todas sRGB, editar en sRGB evita la sobresaturación accidental. Si imprimes en una impresora de inyección de tinta de gama amplia o en prensa offset, Adobe RGB conserva más detalle en verdes y cianes. sRGB y Adobe RGB comparten el punto blanco D65 (aproximadamente x=0,3127, y=0,3290), por lo que convertir entre ellos no requiere adaptación del punto blanco, solo un remapeo de la gama.

Preguntas frecuentes

¿Por qué los colores se ven diferentes al mover un archivo entre sRGB y Adobe RGB?

Adobe RGB tiene una gama mucho más amplia, especialmente en la región cian-verde. Un valor RGB de (0, 200, 0) en Adobe RGB representa un verde más saturado que el mismo valor en sRGB, porque el primario verde de Adobe RGB está más alejado en el diagrama CIE. Cuando un archivo se abre en una aplicación que ignora el perfil incrustado y asume sRGB, esos colores fuera de sRGB se muestran incorrectamente y se ven más apagados de lo previsto.

¿Cómo funciona la conversión de espacios de color mediante CIE XYZ?

Cada espacio de color RGB define sus primarios y su punto blanco como valores triestímulo CIE XYZ. La conversión aplica una matriz de 3x3 para transformar el RGB de origen a XYZ (colorimetría absoluta) y luego una segunda matriz para convertir XYZ al RGB de destino. Las dos matrices provienen de los primarios de cada espacio de color. Este proceso de dos pasos es exacto dentro de la precisión de coma flotante; cualquier diferencia visible entre la entrada y la salida indica que el color está fuera de la gama de destino.

¿Qué sucede cuando un color queda fuera de la gama durante la conversión?

Los colores fuera de gama tienen al menos un canal RGB por debajo de 0 o por encima de 1 (en términos normalizados) en el espacio de destino. La intención de representación determina cómo se asignan: la intención perceptual comprime toda la gama proporcionalmente; la colorimétrica relativa recorta los valores fuera de gama al límite de la gama mientras conserva los colores dentro de ella; la colorimétrica absoluta también conserva las diferencias del punto blanco. Photoshop y otras aplicaciones compatibles con ICC te permiten elegir la intención de representación durante la conversión.

¿Debería editar fotos en sRGB o Adobe RGB?

Si tu salida objetivo es la web o pantallas de consumo, que casi todas son sRGB, editar en sRGB evita una sobresaturación accidental. Si imprimes en una impresora de inyección de tinta de alta calidad o prensa offset con tintas de gama amplia, Adobe RGB conserva más detalles en verde y cian que una impresora compatible con CMYK puede reproducir. Para garantizar compatibilidad futura, o cuando se desconoce el medio de salida, usar Adobe RGB o ProPhoto RGB como espacios de trabajo es común entre profesionales que convierten a sRGB solo para la exportación final a la web.

¿Cuál es el punto blanco correcto para cada espacio de color principal?

Tanto sRGB como Adobe RGB usan D65 (aproximadamente 6.500K, cromaticidad CIE x=0,3127, y=0,3290). DCI-P3 para cine usa un punto blanco equivalente a D60 (aproximadamente 6.300K, x=0,3140, y=0,3510) para proyección cinematográfica. Display P3, la variante de consumo de Apple, usa D65, lo que la hace más compatible con los flujos de trabajo sRGB. Rec. 2020 también usa D65. Si no coinciden los puntos blancos durante la conversión sin adaptación, se produce una dominante de color; aplica siempre adaptación cromática (una matriz de Bradford o Von Kries) al cruzar límites de punto blanco.