code

Chrome은 Safari 및 Firefox와 다르게 색상을 렌더링합니다.

codestyles 2020. 12. 5. 09:47
반응형

Chrome은 Safari 및 Firefox와 다르게 색상을 렌더링합니다.


Chrome은 어떤 이유로 # FF3A00을 # FF0000으로 렌더링합니다. 요점 을 설명하기 위해 jsfiddle 의 스크린 샷을 포함했습니다 . Color Meter가보고하는 (그리고 내가 보는) 색상은 CSS가 말하는 것과 다릅니다.

이것은 다른 색상에서도 발생합니다. 예를 들어 # FFAF00은 색상 측정기에 따라 # FFA400으로 렌더링됩니다.

그러나 색상은 Safari 및 Firefox에서 문제없이 렌더링됩니다. Chrome 11, Safari 5 및 Firefox 5를 사용하는 Mac을 사용하고 있습니다.

논리적 인 설명이 있다고 확신합니다. 어떤 아이디어?

업데이트 : 동일한 페이지를 보여주는 Safari 옆에 Chrome 스크린 샷을 첨부하고 있습니다. Photoshop에서이 이미지를 확인했습니다. 색상은 Chrome에서 # F00이고 Safari에서 # FF3A00입니다.Chrome 대 Safari

Chrome은 # FF3A00을 # F00으로 렌더링합니다.


최근에 비슷한 질문을 게시했습니다. https://stackoverflow.com/questions/6338077/google-chrome-for-mac-css-colors-and-display-profiles

Andrew Marshall이 대답했듯이 이것은 알려진 문제입니다. http://code.google.com/p/chromium/issues/detail?id=44872


알겠습니다. Chrome을 다시 시작해야했습니다. 나는 종종 맥북 에어를 24 인치 모니터에 연결합니다. Chrome을 시작할 때 사용했던 모니터와 다른 모니터로 변경하면 Chrome에서 색상이 잘못 표시되는 것 같습니다.

Google 도움말 포럼 에서 답변을 찾았습니다 . "OS X에서 모니터 또는 모니터 프로필을 변경할 때마다 (예 : 노트북 디스플레이에서 외부 디스플레이로 전환하는 경우) Chrome을 다시 시작해야합니다. OS에서 적절한 모니터 프로필 정보를 가져옵니다. "


기본적으로 Firefox와 Safari는 모두 sRGB 색상 프로필을 사용합니다. Google 크롬이 다른 색상 프로필을 기본값으로 사용하는 경우에도 동일하게 수행해야합니다.

  1. Chrome에서 액세스 : chrome : // flags / # force-color-profile
  2. Force color profile 을 " sRGB " 변경합니다 .
  3. 브라우저를 다시 시작 하고 렌더링 된 색상을 지금 확인하십시오.

Mac에는 모니터에 대한 색상 보정이 설정되어 있습니다. 브라우저는 설정에 따라 웹 콘텐츠 / 이미지에 색 보정을 사용하거나 사용하지 않을 수 있습니다. 색상 선택기는 OS가 렌더링 중이라고 생각하는 것을보고합니다. 브라우저가 다른 것을보고 할 수 있습니다.

컴퓨터의 색상. 우리 중 많은 사람들이 당연한 것으로 여기지만 그것이 어떻게 렌더링되는지 이해하는 데 전혀 신경 쓰지 않았습니다.


크롬 색상 선택기는 현재 모니터 색상 프로파일에서 색상을 가져 와서 작동하며 색상 설정을 변경하거나 때때로 모니터를 변경하여 문제가 발생할 수 있습니다. 아래 방법을 확인하여 해결하십시오.

chrome : // flags / # force-color-profile로 이동하여 모두 기본값으로 재설정을 클릭합니다.

감사.


OS X에서 색상 프로필을 변경하여 정렬했습니다.

다른 색상 프로필을 사용하여 아래 스크린 샷을 참조하십시오. 참고 스크린 샷에서 나는 구별하기 위해 노력하고있어 #ff00ff, #ff1aff, #ff33ff#ff4dff. 기본 OS X 색상 프로파일을 선택하지 않은 경우에만 색상을 올바르게 구분할 수 있습니다.

기본 색상 프로필 :

기본 프로필 사용

다른 색상 프로필 :

sRGB ICE61966-2.1 프로파일 사용

출처 : OS X의 CSS 색상이 Firefox에서는 올바르게 표시되지만 Safari 및 Chrome에서는 잘못 표시됨 (잠재적으로 '해결됨')

나는 사파리와 크롬 구별 할 수없는 발견 #ff00ff, #ff1aff, #ff33ff#ff4dff. 그러나 Firefox는 가능합니다. 또한 X11 앱인 Inkscape도 가능합니다. 하지만 X11 앱이 아닌 Gimp와 Libreoffice Writer는 그렇게 할 수 없었습니다. Firefox와 X11 앱은 어떻게 든 자체 색상 프로필을 사용하는 것 같습니다.

나는 Mac Color LCD이 다른 사람들 사이에서 이러한 차별화를 수행하지 않는 프로필을 기본으로 설정하는 이유를 모릅니다 .


Photoshop에서 PNG를 내보낼 때 Chrome (Lubuntu)에서이 문제가 발생했습니다. 솔루션 : 파일-> 다른 이름으로 저장-> " ICC 프로파일 : Adobe RGB (1998) "의 선택을 취소하십시오 .

참고 URL : https://stackoverflow.com/questions/6237455/chrome-renders-colours-differently-from-safari-and-firefox

반응형