다크모드는 색을 뒤집는 것이 아니다 – 어두운 인터페이스의 색채 과학

2019년 iOS 13과 Android 10이 시스템 전역 다크모드를 도입한 이후, 어두운 인터페이스는 선택이 아닌 기본이 되었습니다. 그런데 많은 서비스가 다크모드를 단순히 배경을 검은색으로 바꾸고 텍스트를 흰색으로 뒤집는 것으로 구현합니다. 이것은 다크모드가 아니라 반전모드입니다. 진정한 다크모드 설계는 색채 과학, 인체 공학, 접근성이 교차하는 복합적 작업입니다.

순수 검정은 왜 피해야 하는가

OLED 디스플레이에서 순수 검정(#000000)은 픽셀을 완전히 끄기 때문에 배터리 효율에 유리합니다. 하지만 UX 관점에서 순수 검정 배경 위의 순수 백색(#FFFFFF) 텍스트는 문제를 일으킵니다. 대비율이 21:1로 극단적으로 높아져 장시간 읽기에 시각적 피로를 유발합니다. 이 현상을 할레이션(Halation)이라 부릅니다. 밝은 텍스트가 어두운 배경 위에서 번져 보이는 착시로, 특히 난시가 있는 사용자에게 심하게 나타납니다.

구글 머티리얼 디자인의 다크 테마 가이드라인이 배경색으로 #121212를 권장하는 이유가 여기에 있습니다. 순수 검정 대신 약간의 밝기를 더하면 대비율이 적절한 수준(15.8:1)으로 내려가 가독성과 편안함이 동시에 확보됩니다. 또한 #121212 위에 회색 계열의 표면(Surface)을 겹쳐 올리면 elevation 계층을 색상 밝기로 표현할 수 있어, 라이트 모드에서 그림자로 구현하던 깊이감을 대체합니다.

색채 항상성의 함정

색채 항상성(Color Constancy)은 조명 조건이 바뀌어도 물체의 색을 동일하게 인식하려는 지각 현상입니다. 하지만 디지털 화면에서는 이 항상성이 깨지기 쉽습니다. 라이트 모드에서 브랜드 컬러로 사용하던 채도 높은 파란색(#046BD2)을 다크모드에 그대로 적용하면, 어두운 배경 위에서 채도가 과하게 느껴져 시각적 진동(Visual Vibration)이 발생합니다. 텍스트가 떨리는 것처럼 보이는 이 현상은 사용자의 눈을 빠르게 피로하게 만듭니다.

해결책은 다크모드 전용 팔레트를 별도로 설계하는 것입니다. 동일 색상(Hue)을 유지하되 채도(Saturation)를 낮추고 명도(Lightness)를 높이면 어두운 배경에서도 편안하게 읽히는 색상이 됩니다. 이전 글에서 다룬 타이포그래피와 숫자 인지의 원리도 다크모드에서는 재조정이 필요합니다. 라이트 모드에서 적절했던 폰트 굵기가 다크모드에서는 과하게 굵어 보일 수 있기 때문입니다. 밝은 글자가 어두운 배경에서 시각적으로 팽창하는 효과 때문에, 다크모드에서는 한 단계 얇은 웨이트를 적용하는 것이 좋습니다.

접근성과 다크모드의 교차점

다크모드는 접근성 도구로도 활용됩니다. 빛에 민감한 편두통 환자, 광과민성 간질 위험군, 저시력 사용자 중 일부는 어두운 인터페이스에서 더 편안함을 느낍니다. 하지만 모든 저시력 사용자가 다크모드를 선호하는 것은 아닙니다. 백내장이 있는 사용자는 오히려 라이트 모드에서 가독성이 높아지는 경우가 많습니다. 애플의 휴먼 인터페이스 가이드라인이 다크모드를 시스템 설정과 연동하되 앱 내 전환 옵션도 제공하라고 권고하는 이유입니다.

다크모드 설계는 단순한 시각적 변형이 아닙니다. 색채 과학, 디스플레이 기술, 인간 시각 시스템에 대한 이해가 동시에 요구되는 복합 영역입니다. 배경색 하나를 정하는 데에도 할레이션, 대비율, 채도 조절, 접근성이라는 네 가지 변수를 동시에 고려해야 합니다. 2023년 기준으로 전 세계 스마트폰 사용자의 약 80%가 다크모드를 활성화하고 있다는 조사 결과가 있을 만큼, 다크모드는 이제 보조 기능이 아니라 기본 인터페이스입니다. Mimi Artz가 인터페이스를 평가할 때 다크모드 지원 여부만이 아니라 그 구현의 정밀도까지 살펴보는 이유가 여기에 있습니다.