다른 배경에서 색상을 동일하게 표시하는 방법?


17

색상 인식에 대한 배경 :

인간의 눈의 특성과 뇌의 시각적 처리로 인해 배경에 따라 동일한 색상이 다르게 보이는 착시 현상이 있습니다.

아래 그림 과 같이 대비 효과 라고 합니다. 가운데 사각형은 동일합니다.

여기에 이미지 설명을 입력하십시오출처 : 위키 미디어

NASA 의 일러스트레이션 (및 보고서) 은 배경색의 효과를 더욱 분명하게 만듭니다.

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오출처 : NASA 색상 사용 연구소

(두 번째 이미지에서 두 개의 최상위 색상이 어떻게 동일하게 보이지만 실제로는 완전히 다릅니다.)


웹 디자인은 어떻습니까?

내 질문은 웹 디자인, 특히이 경우 다른 배경의 링크 텍스트 색상과 관련이 있습니다.

주어진 텍스트 색상에 대해 특정 배경에서 동일하게 보이도록 보완 색상을 어떻게 찾을 수 있습니까?


이 질문에 대한 예를 살펴 보겠습니다.

#FFF000다음 배경에 노란색 텍스트 가있는 아래 예제를 고려하십시오 .

  • 백색 #FFFFFF,
  • 검정 #000000,
  • 그리고 회색 #555555.


웹 디자인 텍스트의 다른 배경에서 색상 비교


예상대로 전혀 다르게 보이지 않습니다. ( 여기서 .PSD 파일을보고 다운로드하십시오. )

세 가지 모두에서 어떻게 동일하게 보이게 할 수 있습니까? 분명히 흰색 배경의 텍스트는 더 어두운 노란색이어야하고 회색의 텍스트는 색조 / 톤 조정이 필요합니다. (주변 텍스트도 영향을 미치지 만 설명하기가 더 어려울 수 있습니다.)

16 진수, RGB 또는 다른 시스템을 기반 으로이 완벽한 색상을 계산할 수 있습니까 ? 이 질문의 핵심은 수동 근사보다 훨씬 효율적이기 때문입니다.


노랑을 사용해야합니다. 귀하의 예에서 그들은 다르게 보이게하려는 것과 유사한 색상을 사용했습니다.
Hanna

2
@Johannes, 무슨 뜻인가요?
Baumr

첫 번째 예에서 사용 된 색상은 모두 회색 음영이었습니다. 두 번째 예에서 자주색은 매우 밝은 자주색을 사용하여 더 파란색으로 보이도록 만들어졌습니다. 그런 다음 노란색 예제에서 흰색, 회색 및 검은 색의 노란색을 맞 춥니 다. 그래서 내가 말하는 것은 노란색을 다른 배경에서 동일하게 보이게하기 위해 노란색을 사용해야한다는 것입니다.
Hanna


답변:


10

그것은 당신의 아날로그 찾고있는 것 같아 보색 만의 가벼움 공간보다는 색상 . 내가 알 수있는 한, 그러한 일반적인 매핑은 존재할 수 없습니다.

배경이 전경이 어두워 질수록 전경 텍스트가 같은 양만큼 밝아 지도록 배경과 전경 사이의 선형 상관 관계를 가정하여 효과를 보상 할 수 있다고 가정하십시오. 나는 색조가 고정되어 있다고 가정합니다. 배경과 전경이 동일한 색상을 공유하는 중간 점이 항상 있습니다.

예를 들어, 흰색 바탕에 검은 색을 고려하십시오. 같은 색조의 대화 명도는 검정 바탕에 흰색이지만, 같은 색조의 모든 중간 배경에 대한 전경을 찾으려고하면 중간 지점에서 회색-회색을 치고 전혀 볼 수 없습니다.

거의 같은 이유로, 나는 합리적으로 간단한 매핑, 심지어 손실이있는 매핑이 존재할 수 있음을 알 수 없습니다.


1
이를 해결하기 위해, 우리는 (평균) 육안의 모델을 구축하고 유전자 알고리즘을 사용하여 가장 적합한 것을 찾아야한다고 생각합니다
Baumr

1
@Baumr : 좋은 박사 학위 논문이 될 수 있습니다 :)
Monica와 Lightness Races

0

어떻습니까? 다른 배경에서 흰색과 검은 색으로 칠해진 다른 회색을 사용하여 전자가 동일하게 보이지만 중립적 인 색에 대항하지는 않습니다.

이 두 패치 세트가 검은 색과 흰색 줄의 상단에서 동일하게 보이는지 알려주세요.

여기에 이미지 설명을 입력하십시오

이 패치는 중간 회색 위에 나타나는 모습이이 그림에 표시되어 있기 때문에 :

여기에 이미지 설명을 입력하십시오

Grain Extract / Merge라는 김프의 레이어 블렌딩 모드를 사용했는데, 다른 레이어에서 중립 패치를 추출하여 가장 밝은 회색을 찾은 다음 두 가지를 병합하여 가장 어두운 회색을 찾을 수있었습니다. 다시 말해서, 나는 첨가제 평균이 중립 인 두 개의 회색을 발견했습니다.

검은 색 또는 흰색 배경의 색상을 사용하면 Grain Merge를 사용하여 추가 평균 색상을 찾을 수 있으며 Grain Extract를 사용하면 후자의 보완 색상을 찾을 수 있습니다.

편집 : 이것을 확인하십시오. 이 노란색이 동일하게 나타날 수 있습니다.

여기에 이미지 설명을 입력하십시오

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.