¿Los colores en Photoshop CS6 / CC se ven diferentes que en el navegador?

18

Uno de mis amigos, un diseñador gráfico, me dijo recientemente que a veces los colores en Photshop se ven ligeramente diferentes a los que se muestran en el navegador.

Sé que es posible cuando guardas un archivo y luego lo usas en un sitio web debido a paletas, pero él usa el color dado en PS, por ejemplo #b81e1e, luego crea un elemento DOM y establece su fondo #b81e1ey el color se representa de manera diferente en navegador que en PS (supongo que no es tan sutil como puede detectarlo fácilmente). No es algo normal y no siempre sucede, pero afirma que le sucedió varias veces, aunque en realidad no puede decirme con colores de brujas.

¿Es posible? Porque nunca he oído hablar de algo como esto y nada de esto me ha pasado ...

Wordpressor
fuente

Respuestas:

24

Este es probablemente un problema de perfil de color.

En primer lugar, debería estar trabajando RGB y no CYMK u otro espacio de color. Esto es bastante fácil de verificar, simplemente vaya a Imagen> Modo y asegúrese de que esté configurado en RGB. Supongo que probablemente lo sea.

El segundo problema es un perfil de color. Esto puede establecerse en otra cosa. Debería usar sRGB IEC61966-2.1, que se considera un estándar para la mayoría de los monitores de PC. La forma más fácil de verificar esto es ir a Edición> Configuración de color. Si está configurado para "North America General Purpose 2" o "North America Web / Internet", debería estar funcionando bien.

El paso final es configurar una "configuración de prueba" que establecerá una vista previa del color del monitor. Vaya a "Ver> Configuración de prueba> Monitor RGB". Luego, puede activar / desactivar los colores de prueba mediante el acceso directo (depende del sistema operativo) para Proof Colors, que se encuentra debajo de la barra de herramientas Ver.

No estoy íntimamente familiarizado con los perfiles de color en Photoshop, pero estos son los pasos que tomo si encuentro desajustes de color. Normalmente no es un problema para mí.

Más información sobre perfiles de color

Mattc0m
fuente
Para agregar a eso, también diría que asegúrese de que también lo esté viendo en el mismo monitor, solo para verificar que los diferentes monitores mostrarán las cosas de manera diferente.
Hanna
55
Al elegir "Monitor RGB" en Ver> Configuración de prueba, se solucionó el problema con colores incorrectos. Creo que fue cambiado por error con alguna combinación de teclado.
vovahost
@vovahost, esto es muy común, de hecho, mi primer encuentro con problemas de color fue ese problema exacto (tecla de
acceso directo
Oh. Mi. Dios. 15 años trabajando con Photoshop y nunca he usado esa configuración. De alguna manera cambió a CMYK. No parece ser relativo al documento abierto, ya que acabo de iniciar una nueva aplicación desde un valor predeterminado predeterminado. Entonces, o vino de un documento abierto anterior o de una tecla de acceso rápido, como dijiste. Muchas gracias, estaré atento a esta configuración y la usaré.
Chase
Esto resolvió por completo mi problema. He usado Photoshop durante años y tampoco lo sabía, solo pensé que era porque el documento estaba en CMYK. No fue hasta que lo vi en la computadora de otro compañero que me di cuenta de que estaba mal.
Alex McCabe
3

Consciente de que llego muy tarde a la fiesta: tuve el mismo problema y después de probar las respuestas anteriores todavía tenía el problema, espero que esto ayude a alguien más en el futuro:

La solución que funcionó para mí: Archivo> Guardar para Web> Desmarque 'Convertir a sRGB'> Guardar

Mr N Dynamite
fuente
2

Además de los perfiles de color de los que habla la respuesta de Mattc0m, el mayor problema son los propios monitores.

Si simplemente ajusto el brillo y el contraste en mi monitor, muestra el color de manera diferente.

Tengo dos monitores no coincidentes en mi configuración. Ambos están enchufados en el mismo hardware y se han calibrado con el mismo dispositivo de calibración y cada uno tiene su perfil de calibración personalizado individual cargado al inicio. No muestran el mismo color.

Cuando subo una imagen a un servidor web para el mundo, no tengo control sobre el navegador del cliente (que puede o no cumplir con los perfiles incrustados) y el monitor del cliente. Aprendes a aceptar la holgura.

Horacio
fuente
1

Asegúrese de utilizar la función "exportar para web". De esa manera, convertirá los colores a un formato que aparecerá en el navegador de la misma manera que lo hizo en su lienzo de Photoshop.

Dominik
fuente
1
Hola Dominik, bienvenido a GDSE y gracias por tu respuesta. Si tiene alguna pregunta, consulte el centro de ayuda o haga ping a uno de nosotros en el Chat de diseño gráfico una vez que su reputación sea suficiente (20). ¡Sigue contribuyendo y disfruta del sitio!
Vincent
1

Como una actualización para Photoshop CC también cambia:

EDITAR> CONVERTIR A PERFIL ... y establecer el Perfil de espacio de destino en sRGB IEC61966-2.1

Ese fue mi problema particular.

Escribano
fuente
-3

Al seleccionar un color, hay una pequeña casilla de verificación en la parte inferior izquierda que dice "Solo colores web". Asegúrate de que esté marcada y de que estés bien.

mikest
fuente
¿Puedes por favor elaborar más?
WELZ
Esta es una idea terrible; Te estás limitando a una paleta de colores muy pequeña (216 para ser precisos) y esto solo evitará las diferencias de color en los dispositivos que solo muestran color en 8 bits (que actualmente no es básicamente ninguno)
Cai
-5

Encontré este video para un FIX rápido. Es aproximadamente un video de 1 minuto que muestra cómo solucionar el problema del perfil de color para que las imágenes se muestren correctamente en Adobe Photoshop. https://www.youtube.com/watch?v=aB_xN2kLVCE

ShayeRyan
fuente
no publique una respuesta de solo enlace, explique lo que encontraremos detrás de ese enlace. Si desea obtener más información sobre el sitio, consulte el centro de ayuda . ¡Sigue contribuyendo y disfruta del sitio!
Luciano