回答:
開発者は問題を認識していますが、修正するつもりはなく、「機能」と見なしています。
画像をエクスポートするとき、sRGB色空間の色値を解釈します。また、エクスポートパネルで[Web用に保存]をオンにしていない限り、メタデータに色空間を保存します。ただし、その設定に関係なく、sRGBで保存することを目的としており、SRGBはすべての画像を最初にsRGBで保存されたものとして解釈するため、Safariでうまく機能します。画像をプレビューでも開くと、sRGBプロファイルが認識され、Safariにできるだけ近くレンダリングされます。このようにして、可能な限り最も一貫した色表現を得ることができます。
賢明に聞こえます。問題は、何らかの理由で、sRGBを使用して実際のワークスペースをレンダリングしないことです。それは「より単純」だからです(彼らにとって、私はそう思います)。システムのカラープロファイルを使用してレンダリングします。キャリブレートした場合、sRGBにはなりません。
では、Sketchは何をするのでしょうか?Sketchで色を選択すると、RGB値のみが保存されます。画面にレンダリングするとき、モニターの色空間を使用してこれらの値を調べます。
それは私にとって明らかな欠陥です。ブラウザーのように表示されない、ブラウザー向けのコンテンツを設計するためのソフトウェア。
したがって、基本的には、調整された画面を持っている人は、作業している色の精度に関心がある場合、このソフトウェアを使用できません。唯一のオプションは、画面のプロファイルをsRGBに設定することです。Macbookの画面は、スペクトルの青色の端に過度に寄りかかっているため、補正する必要があります。これは、私にとっては選択肢ではありません。完全に機能しなくなります。色は、どちらの方法でも期待したものと異なって見えます。いずれにせよ、ほとんどのプロのデザイナーは画面を調整します(すべきです!)。したがって、ソフトウェアの開発者と彼らが開発しているコミュニティとの間に断絶があるようです。
また、マシンを使用するすべてがWeb作業でない限り、モニターのカラープロファイルをsRGBのままにしておくことはお勧めできません。ソースリンクのグラフで示されているように、これはかなり限られた色空間です。
さらに、彼らの主張は:
ウェブサイトのCSSで使用しているものと同じRGB値をSketchのアートワークで使用すると、色が一致します。
ある真の一種。実際にsRGBをどこでも使用し、パレット全体を再カラーピッキングしても、エクスポートされた画像の色とスケッチに記載されているRGB値の間に違いがあることに気付きました。(少なくともChromeで表示した場合)。CSS定義された色、そしてスケッチ定義された色確かに同じ、しかし(のsRGBモニタプロファイルをエクスポートし、同じ色でエクスポートした画像と選択された「Web用保存」では)ほんの少し異なっていました。
個人的には、Sketchを使用して次に進む方法がわかりません。私はソフトウェアが好きですが、これは基本的かつ根本的な見落としであり、それが私のワークフローに真の摩擦を引き起こしています。
出典:http : //blog.sketchapp.com/post/133932511180/colors-in-sketch
新しいバージョンのSketchには、エクスポート時の色が画面に表示される色と同じであることを確認する簡単な機能があります。
[設定]› [一般]› [カラープロファイル]に移動し、カラー設定を[ディスプレイP3]に変更します。これにより、カラープロファイルがMacで使用するものに変更されます。次に、同じことをもう一度行いますが、今回はsRGBを選択します。ここで、「変換」オプションを選択し、「プロファイルの変更」をクリックして、色を標準の色空間に変換できます。これで、エクスポートすると、色はSketchと同じように表示されます。
この詳細については、https://www.sketchapp.com/docs/other/color-management/を参照して ください。
私はブラウザの表現のいくつかの尺度のためにsRGBを維持します。他のプリセットやスクリーンを使用して、バリエーションをテストしています。以下は、sRGBとAdobe RGBの例です。
しかし、あなたの問題は奇妙に思えます。バリエーションがカラー設定によるものであれば、ドキュメント全体に表示されます。エクスポートされた画像は、表示する場所によって異なる場合がありますが、アートボードとエクスポートパネルの違いを見分けることはできません。それは変だ。
特定のファイルまたはアプリ自体のバグを調べていると思います。他の色やドキュメントで動作を再現してみてください。ボヘミアンの人たち(通常はTwitterで彼らを攻撃します)に確認し、コードのどこかにそれが見つかるかどうかを確認します。
この問題は、Sketchの公式ドキュメントで修正(および回答)されています:https : //www.sketchapp.com/learn/documentation/other/color-management/
エクスポートするときは、[Web用に保存]をオンにしてください。これにより、クリーンなカラープロファイルイメージが提供され、スケッチファイルのカラーと同じになるようになります。
そのような古いスレッドを復活させて申し訳ありませんが、これはまだ問題です-しかし、私はやや複雑な回避策を見つけました!Zeplinを起動し、エクスポートカラーを.clrとして選択し、ファイルを〜Library / Colorsにコピーします。「色を選択」して新しいAppleScriptを作成します。右端に.clrの色が表示された新しいタブがあります。目的の色をクリックし、左から2番目のアイコンであるRGBスライダーをクリックします。設定ホイールをクリックし、ドロップダウンからsRGBプロファイルを選択します。結果のRGB値は必要な値になります。
ハッピーぬりえ!
すでにプロジェクトで作業している場合は、ファイル›カラープロファイルの変更…(お気に入りのプロファイルを選択)からカラープロファイルを変換できます。
詳細はこちら:https : //www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
ここでデフォルトのプロファイルを設定できます:スケッチ›設定›一般›カラープロファイル