색상 인식에 대한 배경 :
인간의 눈의 특성과 뇌의 시각적 처리로 인해 배경에 따라 동일한 색상이 다르게 보이는 착시 현상이 있습니다.
아래 그림 과 같이 대비 효과 라고 합니다. 가운데 사각형은 동일합니다.
출처 : 위키 미디어
NASA 의 일러스트레이션 (및 보고서) 은 배경색의 효과를 더욱 분명하게 만듭니다.
출처 : NASA 색상 사용 연구소
(두 번째 이미지에서 두 개의 최상위 색상이 어떻게 동일하게 보이지만 실제로는 완전히 다릅니다.)
웹 디자인은 어떻습니까?
내 질문은 웹 디자인, 특히이 경우 다른 배경의 링크 텍스트 색상과 관련이 있습니다.
주어진 텍스트 색상에 대해 특정 배경에서 동일하게 보이도록 보완 색상을 어떻게 찾을 수 있습니까?
이 질문에 대한 예를 살펴 보겠습니다.
#FFF000
다음 배경에 노란색 텍스트 가있는 아래 예제를 고려하십시오 .
- 백색
#FFFFFF
, - 검정
#000000
, - 그리고 회색
#555555
.
예상대로 전혀 다르게 보이지 않습니다. ( 여기서 .PSD 파일을보고 다운로드하십시오. )
세 가지 모두에서 어떻게 동일하게 보이게 할 수 있습니까? 분명히 흰색 배경의 텍스트는 더 어두운 노란색이어야하고 회색의 텍스트는 색조 / 톤 조정이 필요합니다. (주변 텍스트도 영향을 미치지 만 설명하기가 더 어려울 수 있습니다.)
16 진수, RGB 또는 다른 시스템을 기반 으로이 완벽한 색상을 계산할 수 있습니까 ? 이 질문의 핵심은 수동 근사보다 훨씬 효율적이기 때문입니다.