스케치 내보내기에서 색상 불일치
답변:
개발자는이 문제에 대해 알고 있지만 문제를 기꺼이 해결하지는 않지만이를 '기능'으로 간주합니다.
이미지를 내보낼 때 sRGB 색상 공간에서 색상 값을 해석합니다. 내보내기 패널에서 '웹용으로 저장'을 선택하지 않으면 메타 데이터에 색상 공간도 저장됩니다. 이 설정에 관계없이, 의도는 sRGB로 저장하는 것이 었습니다. Safari는 모든 이미지가 처음에 sRGB로 저장된 것으로 해석되므로 Safari와 잘 작동합니다. 미리보기에서 이미지를 열면 sRGB 프로파일을 인식하여 가능한 한 Safari와 가깝게 렌더링합니다. 우리는이 방법으로 가능한 가장 일관된 색상 표현을 얻습니다.
현명하게 들립니다. 문제는 어떤 이유로 든 sRGB를 사용하여 실제 작업 공간을 렌더링하지 않는다는 것입니다. 그것이 더 단순하기 때문에 (나는 그들을 위해 가정합니다). 보정하면 시스템 색상 프로파일을 사용하여 렌더링하며 sRGB가 아닙니다.
스케치는 무엇을합니까? Sketch에서 색상을 선택하면 RGB 값만 저장됩니다. 화면에 렌더링 할 때 모니터의 색상 공간을 사용하여 해당 값을 인터셉트합니다.
그것은 나에게 명백한 결함입니다. 브라우저 용으로 렌더링되지 않는 브라우저 용 컨텐츠를 디자인하는 소프트웨어입니다.
따라서 기본적으로 보정 된 화면을 가진 사람은 작업중인 색상의 정확성에 관심이있는 경우이 소프트웨어를 사용할 수 없습니다. 유일한 옵션은 화면의 프로필을 sRGB로 설정하는 것입니다. 맥북의 화면은 스펙트럼의 파란색 끝에 너무 많이 기울여서 보정해야하므로 옵션이 아닙니다. 완전히 작동하지 않을 것입니다. 색상은 내가 예상 한 것과 다르게 보일 것입니다 그럼에도 불구하고 대부분의 전문 디자이너는 화면을 교정해야합니다. 따라서 소프트웨어 개발자와 개발중인 커뮤니티간에 연결이 끊어진 것 같습니다.
컴퓨터를 웹 작업에만 사용하지 않는 한 모니터 색상 프로파일을 sRGB로 유지하는 것은 좋지 않습니다. 소스 링크의 차트에 표시된 것처럼 색상 공간이 상당히 제한되어 있습니다.
무엇보다 , 그들의 주장 :
웹 사이트의 CSS에서 사용하는 것과 같은 Sketch의 아트웍에 동일한 RGB 값을 사용하면 색상이 일치합니다.
가 어떤 사실의 . 실제로 sRGB를 어디에서나 사용 하고 전체 팔레트를 다시 채색 할 때도 내 보낸 이미지의 색상과 Sketch에 명시된 RGB 값 사이에는 여전히 차이가 있음을 발견했습니다. (적어도 Chrome에서 볼 때). CSS의 정의 색상 및 스케치 정의 색상 실제로 동일하지만, (의 sRGB 모니터 프로파일로 내 보낸 동일한 색상으로 내 보낸 이미지 와 선택 '웹 저장'과는) 이제까지 약간 달랐다.
개인적으로 Sketch를 사용하여 진행하는 방법을 잘 모르겠습니다. 나는 소프트웨어를 좋아하지만 이것은 기본적이고 근본적인 감독이며 작업 흐름에 큰 마찰을 일으킨다.
출처 : http://blog.sketchapp.com/post/133932511180/colors-in-sketch
새로운 버전의 Sketch에는 내보낼 때 색상이 화면에 표시되는 색상과 동일한 지 확인하는 쉬운 기능이 있습니다.
기본 설정›일반›색상 프로파일로 이동 한 다음 색상 설정을 디스플레이 P3으로 변경하십시오. 이렇게하면 색상 프로파일이 Mac에서 사용하는 것으로 변경됩니다. 그런 다음 동일한 작업을 다시 수행하되 이번에는 sRGB를 선택하십시오. 이제 "변환"옵션을 선택한 다음 "프로필 변경"을 클릭하여 색상을 표준 색상 공간으로 변환 할 수 있습니다. 이제 내보낼 때 스케치에서와 같이 색상이 표시됩니다.
이에 대한 자세한 내용은 https://www.sketchapp.com/docs/other/color-management/ 에서 확인할 수 있습니다.
시스템 색상 설정이 모든 것을 변경합니다
브라우저 표현을 측정하기 위해 sRGB를 유지합니다. 또한 다양한 사전 설정과 화면을 사용하여 변형을 테스트합니다. 다음은 sRGB와 Adobe RGB의 예입니다.
화면 내 차이
그래도 문제는 이상해 보입니다. 색상 설정에서 차이가있는 경우 문서 전체에서 볼 수 있습니다. 내 보낸 이미지는 보는 위치에 따라 변경 될 수 있지만 대지와 내보내기 패널의 차이를 식별 할 수 없습니다. 이상해.
특정 파일이나 앱 자체의 버그를보고 있다고 생각합니다. 다른 색상 및 문서로 동작을 재현 해보십시오. 보헤미안 사람들과 확인하고 (보통 트위터에서 사람들을 때려 ) 코드 어딘가에서 찾을 수 있는지 확인하십시오.
이 문제는 Sketch 공식 문서에서 수정되었습니다 ( https://www.sketchapp.com/learn/documentation/other/color-management/).
내보낼 때는 '웹용으로 저장'을 선택하여 깨끗한 색상 프로파일 이미지를 제공하고 색상이 스케치 파일의 이미지와 동일한 지 확인하십시오.
그런 오래된 스레드를 되살려 서 죄송하지만 여전히 문제입니다. 그러나 다소 복잡한 해결 방법을 찾았습니다! Zeplin을 실행하고 .clr로 내보내기 색상을 선택한 다음 파일을 ~ Library / Colors로 복사합니다. "색상 선택"으로 새로운 AppleScript를 만드십시오. 가장 오른쪽에는 .clr의 색상이 포함 된 새 탭이 있습니다. 원하는 색상을 클릭 한 다음 왼쪽에서 RGB 슬라이더 인 두 번째 아이콘을 클릭하십시오. 설정 휠을 클릭하고 드롭 다운에서 sRGB 프로파일을 선택하십시오. 결과 RGB 값은 원하는 값이어야합니다.
행복한 채색!
프로젝트에서 이미 작업중인 경우 파일›색상 프로파일 변경… 에서 색상 프로파일을 변환 할 수 있습니다 (좋아하는 프로파일 선택).
자세한 내용은 여기 : https://www.sketchapp.com/docs/other/color-management/#changing-the-color-profile-of-an-existing-document
여기에서 기본 프로파일을 설정할 수 있습니다 : 스케치›기본 설정›일반›컬러 프로파일