Cuando exporto una imagen de Illustrator, ¿por qué tiene un color ligeramente diferente en la imagen exportada?

Tengo un diseño web en AI que estoy tratando de dividir en HTML/CSS. Tengo problemas para mantener los mismos colores en los archivos exportados que en Illustrator.

Cuando lo abro en Illustrator CS4 y uso la herramienta cuentagotas para verificar el color del logotipo, es #AB336B. En última instancia, este es el color que quiero que tenga el logotipo después de exportarlo.

Pero cuando lo abro en el cuadro de diálogo "Guardar para Web y dispositivos" y muestro el color desde allí, dice que es #CA006C, aunque todavía se ve así #AB336B:

Después de buscar en Google, tengo la sensación de que está relacionado con los perfiles de color, pero todavía no estoy seguro de qué hacer para solucionar mi problema.

¿Ha intentado guardar normalmente en lugar de para la web?
¿Está dentro de la gama Gamut? Al menos la versión CS5 de Illustrator obliga a que los colores CMYK estén dentro del rango de gama de forma predeterminada.

Respuestas (4)

Suena como un problema con el perfil ICC de trabajo. ¿Has desactivado la gestión del color?

Si aún no lo ha hecho, vaya a Edit -> Assign Profiley seleccioneDon't Color Manage This Document.

Puedo duplicar el problema mencionado hasta cierto punto (obteniendo varios valores de muestra, aunque no obteniendo el mismo #CA006C) cambiando el perfil asignado. (FWIW, usando AI CS3 en Windows)

En Illustrator, ¿estás trabajando en RGB o CMYK? Si está trabajando en un perfil de color diferente al destino final previsto, obtendrá alguna variación debido a la traducción. Si puede averiguar cuál es su "destino final", puede aplicarlo en Illustrator y no debería tener este problema.

Puedo confirmar que la situación indicada en la pregunta original ocurre en Illustrator CS3 cuando se trabaja con un documento CMYK y que no ocurre cuando se trabaja con un documento RGB. Tengo todos los perfiles de color deshabilitados en la medida de lo posible.
La IA está en modo RBG.
Coincido con horacio. Pude duplicar el comportamiento descrito de OP cuando el modo doc es CMYK. Cuando se establece en RGB, no veo el problema.
@Sam, pero la IA está en modo RBG.
@mattalexx, no sé qué decirte. No puedo reproducir tu error. Una cosa que noté es que si configuro el color del objeto en AB336B (en modo RGB), luego lo cambié a CMYK, luego volví directamente a RGB, el color había cambiado a AB326B. Estoy usando CS5, por cierto. Sin embargo, la diferencia entre CA006C y AB336B es enorme, así que no tengo idea de qué está pasando. ¿Puedes duplicar el problema con un archivo nuevo? Si es así, ¿qué pasos usaste?

Se requieren algunos puntos importantes para garantizar que los colores se mantengan correctamente cuando se trabaja en diseños web o de aplicaciones en Illustrator. Algunas de las configuraciones a continuación afectan la apariencia de la vista previa dentro de Illustrator, mientras que otras afectan la apariencia de los archivos exportados.

En mi opinión, es importante que ambos sean correctos. Esto es lo que tendrás que hacer:

  • Asegúrese de que el documento esté configurado en espacio de color RGB (no CMYK).

  • La apariencia del negro en Preferencias está establecida en "Mostrar todos los negros como negro intenso".

  • Su configuración de color usa el perfil de su pantalla (esto solo afecta las vistas previas en Illustrator).

ingrese la descripción de la imagen aquí

  • El perfil de color de su documento está establecido en "No administrar el color de este documento".

ingrese la descripción de la imagen aquí

  • Al usar Guardar para Web y dispositivos, deshabilita "Convertir a sRGB".

Sí, hay algunas cosas que cambiar, pero le irá mejor: todos los valores de color permanecerán exactamente como los configuró, se mostrarán correctamente y se exportarán correctamente.

Una vez que haya configurado Illustrator de esa manera, debe hacer lo mismo con Photoshop.

Tenga en cuenta: estas instrucciones se crearon con Illustrator CS5, pero he estado haciendo lo mismo durante un tiempo y probé la misma configuración en muchas versiones de Illustrator y Photoshop.

Estoy completamente en desacuerdo con esto. Pero a cada cual lo suyo. Recomiendo un poco de navegación: digitaldog.net
El problema con ese sitio es que es para fotógrafos. Se necesita un enfoque diferente para la interfaz de usuario y el diseño web.
El color es el color. No importa si está viendo una fotografía o una interfaz de usuario . Ese es un argumento muy débil .
No. La principal diferencia es que la interfaz de usuario generalmente no se administra en color: si proporciona un archivo con un perfil ICC y un píxel que es #ff0000, iOS, OS X y Android lo mostrarán como #ff0000 sin conversión. Si hace lo mismo con una foto JPEG en la web o para imprimir, el perfil se usará para convertir al espacio de color de la pantalla. Absolutamente NO son lo mismo. Las personas que argumentan que lo son claramente no tienen experiencia en diseño de interfaz de usuario.
También vale la pena señalar que la conversión de perfil es algo malo. A menudo conduce a redondeos (visibles como bandas) y recortes. Si puede crear con su pantalla configurada como sRGB sin conversión, estará mejor para ello. El diseño de impresión no es lo mismo que el diseño de interfaz de usuario cuando se trata de la gestión del color.

Configurar un nuevo documento

Parece que necesita seleccionar "Web" para el "Perfil" al crear un nuevo documento.

Seleccionar perfil de color web

Arreglar un documento existente

Para corregir un documento existente, cree un nuevo documento (con "Perfil: Web") y luego copie el contenido del archivo anterior al nuevo.

Establecer el modo de color del documento en RGB

Estuve buscando la respuesta a este problema durante tanto tiempo y WEB fue la respuesta... solo web... ¡muchas gracias!
Cuando exporto una imagen de Illustrator, ¿por qué tiene un color ligeramente diferente en la imagen exportada?
RespuestasAquíPolítica de privacidad1y, 1v