¿Odias los anuncios? Ir Sin publicidad Hoy 

Convertidor de espacio de color unificado

ColorDesarrolladorImagen

ANUNCIO · ¿ELIMINAR?

APORTE

Proceso automático

PROD.

Lado cliente

Vista Previa

Todos los espacios de color

MALEFICIO

RGB

HSL

HSV / HSB

CMYK

CIE LAB

LCH

CIE XYZ (D65)

Oklab

Nombre más cercano de CSS

ANUNCIO · ¿ELIMINAR?

Guía

Convertidor de espacio de color unificado

Pegue un valor de color en cualquier formato común y vea inmediatamente su representación en nueve espacios de color al lado. El convertidor detecta automáticamente HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab y colores nombrados de CSS, luego calcula todas las demás representaciones utilizando corrección gamma de sRGB y el punto blanco estándar D65. Una vista previa en tiempo real y un botón de copia para cada valor hacen que sea una herramienta rápida para diseñadores, desarrolladores, equipos de impresión y cualquier persona que necesite colorimetría precisa sin tener que hacer cálculos por sí misma.

Cómo Usar

Escriba o pegue un valor de color en el Valor de color campo. Cualquier formato común funciona: #464aff, rgb(70, 74, 255), hsl(238, 100%, 64%), lab(45 35 -85), oklab(0.5 0.1 -0.05), cmyk(72%, 71%, 0%, 0%), o un nombre de CSS como cornflowerblue.
Opcionalmente, arrastre el selector de color nativo para elegir un color visualmente; el selector y el campo de texto se mantienen sincronizados.
El formato detectado se muestra como una etiqueta en la vista previa. Todos los demás espacios de color se llenan automáticamente.
Haga clic en el icono de copia junto a cualquier salida para copiar esa representación al portapapeles.
El Nombre más cercano de CSS El campo muestra el nombre de color estándar más cercano junto con su distancia ΔE76 para decisiones rápidas de paletas.

Características

Nueve espacios de color al mismo tiempo – HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65) y Oklab al lado uno del otro.
Detección automática de entrada – Pegue cualquier formato y el analizador lo identificará, incluyendo modern lab(), lch(), oklab()y nombres de colores de CSS.
Colorimetría precisa – Codificación/decodificación de sRGB, matrices alineadas con Bradford para D65 y matrices de Oklab de Björn Ottosson para resultados perceptualmente correctos.
Vista previa interactiva de tonos – Vea el color exacto renderizado junto con sus cadenas HEX y RGB mientras escribe.
Nombre de color más cercano de CSS – Búsqueda ΔE76 contra la lista completa de nombres de colores de CSS para etiquetado visual rápido.
Copia con un clic – Cada fila de salida tiene un botón de copia para que pueda mover los valores directamente a archivos de diseño o al código.
Cálculos puramente en el cliente – Todo se ejecuta localmente en su navegador; ningún valor de color se envía a un servidor.

 Preguntas frecuentes

¿Cuál es la diferencia entre CIE LAB y Oklab?

CIE LAB ha sido el espacio de color perceptualmente uniforme estándar desde 1976 y se utiliza ampliamente en impresión y ciencia de color. Oklab, introducido por Björn Ottosson en 2020, fue específicamente ajustado para corregir las debilidades conocidas de LAB en la uniformidad del tono, especialmente en el rango azul. Oklab produce generalmente gradientes más suaves y rotaciones de tono más predecibles, lo que es la razón por la que CSS Color Level 4 lo promueve para el trabajo de color en la web moderna.
¿Por qué el mismo color tiene valores diferentes en LAB y XYZ?

CIE XYZ describe un color en términos de tres primarios imaginarios que abarcan el espectro visible humano, con valores lineales en la intensidad de luz. CIE LAB es una transformación no lineal de XYZ diseñada para ser perceptualmente uniforme, de modo que distancias numéricas iguales en LAB corresponden más estrechamente a diferencias percibidas iguales. Ambos describen el mismo color, pero XYZ está destinado a cálculos en ciencia de color y LAB está destinado a medir diferencias percibidas.
¿Por qué el CMYK es solo una aproximación?

La salida verdadera de CMYK depende específicamente de los tinta, papel y impresora utilizados, lo que está capturado en un perfil ICC. Una estimación de CMYK independiente del dispositivo, como la que produce esta herramienta, aplica un modelo simple de sustracción sobre sRGB y ignora el proceso físico de impresión. Es útil para conversiones aproximadas, pero nunca debe reemplazar una prueba suave mediante el perfil ICC real cuando se requiere precisión.
¿Qué significa el valor ΔE junto al nombre más cercano de CSS?

ΔE (delta E) es un número que resume cómo se diferencian dos colores para un observador humano en el espacio de color LAB. ΔE76 es la fórmula original de 1976 y es la que reporta esta herramienta. Como guía aproximada, un ΔE bajo 1 es prácticamente indistinguible, bajo 2 es apenas perceptible en comparación lateral, y por encima de 10 es claramente un color diferente.
¿Por qué algunos valores de LAB o Oklab producen resultados de RGB truncados?

LAB, LCH, Oklab y XYZ pueden describir colores que están fuera del gamut de sRGB, lo que significa que no pueden ser mostrados de forma precisa en un monitor estándar. Cuando un valor convertido de RGB cae por debajo de 0 o por encima de 255, esta herramienta clama cada canal al rango visible. El color visible es la aproximación más cercana dentro del gamut en lugar de una reproducción fiel del color original fuera del gamut.