Los desarrolladores son conscientes del problema pero no están dispuestos a solucionarlo, lo consideran una "característica".
Cuando exportamos una imagen, interpretamos nuestros valores de color en el espacio de color sRGB. También guardamos el espacio de color en los metadatos, a menos que haya marcado 'Guardar para Web' en el panel de exportación. Sin embargo, independientemente de esa configuración, la intención ha sido guardar con sRGB, que funciona muy bien con Safari, ya que interpreta todas las imágenes como guardadas con sRGB en primer lugar. Si también abriera la imagen en Vista previa, reconocería el perfil sRGB y lo haría lo más cercano posible a Safari. Creemos de esta manera que obtenemos la representación de color más consistente posible.
Suena sensato El problema es que, por alguna razón, no representan el espacio de trabajo real usando sRGB. Porque eso es 'más simple' (para ellos, supongo). Lo procesan utilizando el perfil de color de su sistema, que, si está calibrado, no será sRGB.
Entonces, ¿qué hace Sketch? Cuando elige un color en Sketch, solo almacenamos los valores RGB. Cuando mostramos en la pantalla, interpretamos [sic] esos valores utilizando el espacio de color de su monitor.
Lo cual es un defecto obvio para mí. Software para diseñar contenido destinado a un navegador, que no se procesa como un navegador.
Entonces, básicamente, cualquier persona con una pantalla calibrada no puede usar este software si se preocupa por la precisión de los colores con los que está trabajando. La única opción es configurar el perfil de su pantalla en sRGB. Tengo que compensar la pantalla de mi macbook porque se apoya demasiado en el extremo azul del espectro, por lo que esta no es una opción para mí, sería completamente inviable, los colores terminarían pareciendo diferentes a lo que espero de cualquier manera. En cualquier caso, la mayoría de los diseñadores profesionales calibrarán (¡y deberían!) Sus pantallas. Entonces parece haber una desconexión entre los desarrolladores del software y la comunidad para la que se están desarrollando.
Y a menos que lo único que use su máquina sea para trabajo web, no es un buen consejo dejar el perfil de color de su monitor en sRGB. Es un espacio de color bastante limitado, como lo indica el gráfico en el enlace de origen.
Además , su afirmación de que:
Si utiliza los mismos valores RGB en su ilustración en Sketch que utiliza en el CSS de su sitio web, los colores coincidirán.
Es un poco cierto . De hecho, incluso cuando utilicé sRGB en todas partes y volví a colorear mi paleta entera, todavía había una diferencia entre el color en la imagen exportada y los valores RGB establecidos en Sketch. (al menos cuando se ve en Chrome). El color definido por CSS y el color definido por Sketch eran , de hecho, idénticos, pero la imagen exportada con el mismo color (exportada con el perfil de monitor sRGB y con 'Guardar para web' seleccionado) era muy diferente.
Personalmente, no estoy seguro de cómo seguir usando Sketch. Me gusta el software, pero esta es una supervisión tan básica y fundamental, y está causando una verdadera fricción en mi flujo de trabajo.
Fuente: http://blog.sketchapp.com/post/133932511180/colors-in-sketch
Las nuevas versiones de Sketch tienen una función fácil para asegurarse de que los colores al exportar sean los mismos que se ven en la pantalla.
Vaya a Preferencias ›General› Perfil de color y luego cambie la configuración de color a Pantalla P3. Esto cambiará su perfil de color al que usan las Mac. Luego, vuelva a hacer lo mismo, pero esta vez seleccione sRGB. Ahora, puede seleccionar la opción "Convertir" y luego hacer clic en "Cambiar perfil" para convertir los colores en el espacio de color estándar. Ahora, cuando exporta, los colores se verán igual que en Sketch.
Puede encontrar más información sobre esto aquí https://www.sketchapp.com/docs/other/color-management/
fuente
La configuración del color del sistema cambia todo
Mantengo el mío en sRGB para alguna medida de representación del navegador. También uso un montón de otros ajustes preestablecidos y pantallas para probar la variación. Aquí hay un ejemplo de sRGB vs Adobe RGB.
Variación dentro de una pantalla
Sin embargo, su problema parece extraño. Si la variación es de su configuración de color, debería verla en el documento. La imagen exportada puede cambiar dependiendo de dónde la vea, pero no debería poder distinguir la diferencia entre su mesa de trabajo y el panel de exportación. Eso es raro
Creo que puede estar viendo un error con su archivo en particular o la aplicación en sí. Intente recrear el comportamiento con otros colores y documentos. Verifique con los chicos bohemios (generalmente los golpeo en Twitter ) y vea si pueden encontrarlo en el código en alguna parte.
fuente
Este problema se ha solucionado (y respondido) en el documento oficial de Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/
Al exportar, asegúrese de marcar "Guardar para Web", ya que se asegurará de proporcionar imágenes de perfil de color limpias y de que el color se vea idéntico al del archivo de boceto.
fuente
Lamento revivir un hilo tan antiguo, pero esto sigue siendo un problema ... ¡Pero encontré una solución algo complicada! Inicie Zeplin, elija exportar colores como .clr y copie el archivo en ~ Biblioteca / Colores. Haga un nuevo AppleScript con "elegir color". En el extremo derecho habrá una nueva pestaña con los colores del .clr. Haga clic en el color que desee, luego haga clic en el segundo icono de la izquierda, los controles deslizantes RGB. Haga clic en la rueda de configuración y seleccione un perfil sRGB en el menú desplegable. Los valores RGB resultantes deben ser lo que desea.
Happy Coloring!
fuente
Si ya está trabajando en un proyecto, puede convertir el perfil de color desde Archivo ›Cambiar perfil de color ... (elija su perfil favorito)
Más información aquí: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
Puede configurar su perfil predeterminado aquí: Boceto ›Preferencias› General ›Perfil de color
fuente