Os desenvolvedores estão cientes do problema, mas não estão dispostos a corrigi-lo, eles o consideram um 'recurso'.
Quando exportamos uma imagem, interpretamos nossos valores de cores no espaço de cores sRGB. Também salvamos o espaço de cores nos metadados, a menos que você tenha marcado "Salvar para a Web" no painel de exportação. Independentemente dessa configuração, o objetivo é salvar com sRGB, que funciona muito bem com o Safari, pois interpreta todas as imagens como sendo salvas com sRGB em primeiro lugar. Se você também abrir a imagem na Visualização, ela reconhecerá o perfil sRGB e a renderizará o mais próximo possível do Safari. Acreditamos que dessa maneira obtemos a representação de cores mais consistente possível.
Parece sensato. O problema é que, por algum motivo, eles não renderizam o espaço de trabalho real usando o sRGB. Porque isso é 'mais simples' (para eles, eu suponho). Eles o renderizam usando o perfil de cores do sistema, que, se calibrado, não será sRGB.
Então, o que o Sketch faz? Quando você escolhe uma cor no Sketch, armazenamos apenas os valores RGB. Quando renderizamos na tela, interpomos esses valores usando o espaço de cores do seu monitor.
O que é uma falha óbvia para mim. Software para projetar conteúdo destinado a um navegador que não é renderizado como um navegador.
Portanto, basicamente qualquer pessoa com uma tela calibrada não pode usar este software se se preocupa com a precisão das cores com as quais está trabalhando. A única opção é definir o perfil da sua tela para sRGB. Eu tenho que compensar a tela do meu macbook porque ela se inclina muito no extremo azul do espectro, então essa não é uma opção para mim - seria completamente impraticável - as cores acabariam parecendo diferentes do que eu espero de qualquer maneira. Independentemente disso, a maioria dos designers profissionais irá (e deve!) Calibrar suas telas. Portanto, parece haver uma desconexão entre os desenvolvedores do software e a comunidade para a qual eles estão desenvolvendo.
E, a menos que você use apenas sua máquina para trabalhar na Web, não é um bom conselho deixar o perfil de cores do monitor em sRGB. É um espaço de cores bastante limitado, conforme indicado no gráfico no link de origem.
Além disso , eles afirmam que:
se você usar os mesmos valores RGB em seu trabalho artístico no Sketch que você usa no CSS do seu site, as cores corresponderão.
É meio que verdade . Na verdade, descobri que mesmo ao usar o sRGB em todos os lugares e colorir novamente a paleta inteira, ainda havia uma diferença entre a cor na imagem exportada e os valores RGB declarados no Sketch. (pelo menos quando visualizado no Chrome). A cor definida pelo CSS e a cor definida pelo Sketch eram realmente idênticas, mas a imagem exportada com a mesma cor (exportada com o perfil do monitor sRGB e com a opção 'Salvar para a Web' selecionada) era um pouco diferente.
Pessoalmente, não sei como seguir em frente com o uso do Sketch. Eu gosto do software, mas essa é uma supervisão tão básica e fundamental e está causando um atrito real no meu fluxo de trabalho.
Fonte: http://blog.sketchapp.com/post/133932511180/colors-in-sketch
As novas versões do Sketch têm um recurso fácil para garantir que as cores ao exportar sejam as mesmas que você vê na tela.
Navegue para Preferências ›Geral› Perfil de cores e altere a configuração de cores para Exibir P3. Isso mudará seu perfil de cores para o que os Macs usam. Depois, faça o mesmo novamente, mas desta vez selecione sRGB. Agora, você pode selecionar a opção "Converter" e clicar em "Alterar perfil" para converter as cores no espaço de cores padrão. Agora, quando você exporta, as cores terão a mesma aparência do Sketch.
Mais informações sobre isso podem ser encontradas aqui https://www.sketchapp.com/docs/other/color-management/
fonte
As configurações de cores do sistema alteram tudo
Eu mantenho o meu no sRGB para alguma medida de representação do navegador. Eu também uso várias outras predefinições e telas para testar a variação. Aqui está um exemplo de sRGB vs Adobe RGB.
Variação dentro de uma tela
Seu problema parece estranho, no entanto. Se a variação for das suas configurações de cores, você deverá vê-la no documento. A imagem exportada pode mudar dependendo de onde você a visualiza, mas não é possível discernir a diferença entre a prancheta e o painel de exportação. Isso é estranho.
Eu acho que você pode estar olhando um bug com seu arquivo específico ou o próprio aplicativo. Tente recriar o comportamento com outras cores e documentos. Verifique com os caras boêmios (eu costumo acessá-los no Twitter ) e veja se eles podem encontrá-lo no código em algum lugar.
fonte
Esse problema foi corrigido (e respondido) no documento oficial do Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/
Ao exportar, verifique 'Salvar para a Web', pois fornecerá imagens de perfil de cores limpas e garantirá que a cor pareça idêntica à do seu arquivo de desenho.
fonte
Desculpe reviver um tópico tão antigo, mas isso ainda é um problema. Mas achei uma solução alternativa complicada! Inicie o Zeplin, escolha exportar cores como .clr e copie o arquivo em ~ Library / Colors. Faça um novo AppleScript com "escolha a cor". Na extrema direita, haverá uma nova guia com as cores do .clr. Clique na cor desejada e, em seguida, clique no segundo ícone da esquerda, nos controles deslizantes RGB. Clique na roda de configurações e selecione um perfil sRGB no menu suspenso. Os valores RGB resultantes devem ser o que você deseja.
Coloração feliz!
fonte
Se você já estiver trabalhando em um projeto, poderá converter o perfil de cores em Arquivo ›Alterar perfil de cores… (escolha seu perfil favorito)
Mais informações aqui: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
Você pode definir seu perfil padrão aqui: Esboço ›Preferências› Geral ›Perfil de cores
fonte