Pengembang mengetahui masalah ini tetapi tidak mau memperbaikinya, mereka menganggapnya sebagai 'fitur'.
Saat kami mengekspor gambar, kami menafsirkan nilai warna kami di ruang warna sRGB. Kami juga menghemat ruang warna dalam metadata, kecuali Anda telah memeriksa 'Simpan untuk Web' di panel ekspor. Terlepas dari pengaturan itu, maksudnya adalah untuk menyimpan dengan sRGB, yang berfungsi baik dengan Safari karena menafsirkan semua gambar sebagai disimpan dengan sRGB di tempat pertama. Jika Anda juga akan membuka gambar di Pratinjau, itu akan mengenali profil sRGB dan membuatnya sedekat mungkin dengan Safari. Kami percaya dengan cara ini kami mendapatkan representasi warna yang paling konsisten.
Kedengarannya masuk akal. Masalahnya adalah karena beberapa alasan mereka tidak membuat ruang kerja yang sebenarnya menggunakan sRGB. Karena itu 'lebih sederhana' (bagi mereka, saya kira). Mereka membuatnya menggunakan profil warna sistem Anda, yang, jika dikalibrasi, tidak akan menjadi sRGB.
Jadi, apa yang dilakukan Sketch? Saat Anda memilih warna dalam Sketsa, kami hanya menyimpan nilai RGB. Saat kami menampilkan layar, kami menginterpretasikan nilai-nilai tersebut menggunakan ruang warna monitor Anda.
Yang merupakan cacat yang jelas bagi saya. Perangkat lunak untuk mendesain konten yang ditujukan untuk peramban, yang tidak dirender seperti peramban.
Jadi pada dasarnya siapa pun yang memiliki layar terkalibrasi tidak dapat menggunakan perangkat lunak ini jika mereka peduli dengan akurasi warna yang mereka kerjakan. Satu-satunya pilihan adalah mengatur profil layar Anda menjadi sRGB. Saya harus mengkompensasi layar macbook saya karena bersandar terlalu banyak pada ujung biru spektrum, jadi ini bukan pilihan bagi saya - itu akan benar-benar tidak dapat dikerjakan - warnanya akan berakhir tampak berbeda dengan apa yang saya harapkan. Apapun, sebagian besar desainer profesional akan (dan harus!) Mengkalibrasi layar mereka. Jadi sepertinya ada pemutusan antara pengembang perangkat lunak dan komunitas yang mereka kembangkan.
Dan kecuali jika Anda hanya menggunakan mesin untuk pekerjaan web, tidak disarankan untuk membiarkan profil warna monitor Anda di sRGB. Ini adalah ruang warna yang sangat terbatas, seperti yang ditunjukkan oleh bagan di tautan sumber.
Terlebih lagi , klaim mereka bahwa:
jika Anda menggunakan nilai RGB yang sama dalam karya seni Anda di Sketch seperti yang Anda gunakan di CSS di situs web Anda, warnanya akan cocok.
Apakah jenis benar . Saya benar-benar menemukan bahwa bahkan ketika menggunakan sRGB di mana-mana , dan mewarnai ulang warna seluruh palet saya, masih ada perbedaan antara warna pada gambar yang diekspor, dan nilai RGB yang dinyatakan dalam Sketch. (setidaknya saat dilihat di Chrome). Warna yang ditentukan CSS, dan warna yang didefinisikan Sketsa di mana memang identik, tetapi gambar yang diekspor dengan warna yang sama (diekspor dengan profil monitor sRGB dan dengan pilihan 'Save for web') sedikit berbeda.
Saya pribadi tidak yakin bagaimana melanjutkan dengan menggunakan Sketsa. Saya suka perangkat lunaknya, tetapi ini adalah pengawasan yang mendasar dan mendasar, dan itu menyebabkan gesekan nyata dalam alur kerja saya.
Sumber: http://blog.sketchapp.com/post/133932511180/colors-in-sketch
Versi baru Sketch memiliki fitur yang mudah untuk memastikan warna saat mengekspor sama dengan yang Anda lihat di layar Anda.
Navigasikan ke Preferensi ›Umum› Profil Warna, dan kemudian ubah pengaturan warna ke Tampilan P3. Ini akan mengubah profil warna Anda menjadi yang digunakan Mac. Kemudian, lakukan hal yang sama lagi, tetapi kali ini pilih sRGB. Sekarang, Anda dapat memilih opsi "Konversi" dan kemudian klik "Ubah Profil" untuk mengubah warna menjadi ruang warna standar. Sekarang, ketika Anda mengekspor, warnanya akan terlihat seperti di Sketch.
Informasi lebih lanjut tentang ini dapat ditemukan di sini https://www.sketchapp.com/docs/other/color-management/
sumber
Pengaturan warna sistem mengubah segalanya
Saya menyimpan milik saya di sRGB untuk beberapa ukuran representasi browser. Saya juga menggunakan banyak preset dan layar lain untuk menguji variasi. Berikut adalah contoh sRGB vs Adobe RGB.
Varians dalam layar
Masalah Anda tampaknya aneh. Jika variasi dari pengaturan warna Anda, Anda harus melihatnya di doc. Gambar yang diekspor dapat berubah tergantung pada tempat Anda melihatnya, tetapi Anda seharusnya tidak dapat melihat perbedaan antara artboard Anda dan panel ekspor. Itu aneh sekali.
Saya pikir Anda mungkin melihat bug dengan file tertentu atau aplikasi itu sendiri. Cobalah untuk menciptakan kembali perilaku dengan warna dan dokumen lain. Periksa dengan orang-orang Bohemia (saya biasanya memukul mereka di Twitter ) dan melihat apakah mereka dapat menemukannya di kode di suatu tempat.
sumber
Masalah ini telah diperbaiki (dan dijawab) dalam dokumen resmi Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/
Saat mengekspor, pastikan untuk memeriksa 'Simpan untuk Web' karena akan memastikan untuk memberikan gambar profil warna yang bersih dan memastikan warna terlihat identik dengan yang ada di file sketsa Anda.
sumber
Maaf untuk menghidupkan kembali utas lama tapi ini masih menjadi masalah - Tapi saya menemukan solusi yang agak berbelit-belit! Jalankan Zeplin, pilih warna ekspor sebagai .clr dan salin file ke ~ Library / Colors. Buat AppleScript baru dengan "pilih warna". Di paling kanan akan ada tab baru dengan warna dari .clr. Klik pada warna yang Anda inginkan, lalu klik ikon kedua dari kiri, slider RGB. Klik roda pengaturan dan pilih profil sRGB dari dropdown. Nilai RGB yang dihasilkan harus seperti yang Anda inginkan.
Selamat mewarnai!
sumber
Jika Anda sudah mengerjakan proyek, Anda dapat mengonversi profil warna dari File ›Change Color Profile ... (pilih profil favorit Anda)
Info lebih lanjut di sini: https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
Anda dapat mengatur profil default Anda di sini: Sketsa ›Preferensi› Umum ›Profil Warna
sumber