Safari 27.3, 자동 다크 모드 도입

원제: Safari introduces Adaptive Dark Mode in 27.3

왜 중요한가

웹의 90%가 다크 모드를 미지원하는 상황에서, 브라우저 엔진 수준의 자동 변환은 개발자 대응 없이도 사용자 경험 격차를 좁힐 수 있다.

Apple은 2026년 11월 3일 Safari 27.3 베타에서 'Adaptive Dark Mode'를 공개했다. 다크 모드 사용자의 페이지 로드 비율은 약 40%에 달하지만, 다크 모드를 지원하는 페이지는 10%에 불과하다. 이 기능은 밝은 배경의 웹사이트를 자동으로 어둡게 변환한다.

WebKit 팀은 Safari 27.3 베타에서 Adaptive Dark Mode를 발표했다. 이 기능은 시스템 다크 모드가 활성화된 상태에서 밝은 배경의 웹사이트를 방문하면 Safari가 자동으로 다크 변환 미리보기를 제안하는 방식으로 작동한다.

Adaptive Dark Mode는 HTML에서 `color-scheme: light dark`를 선언하거나 CSS로 다크 모드를 이미 지원하는 페이지는 건드리지 않는다. 그 외 페이지에서는 색상을 분석해 전반적으로 밝은 배경인지 판별한 뒤 변환을 적용한다.

핵심 기술은 색조(hue)를 유지하면서 밝기(luminance)만 반전시키는 색상 행렬이다. WCAG 4.5:1 명도 대비 기준을 충족하도록 텍스트 색상을 조정하고, CSS 그래디언트도 다크로 전환한다. 이미지 처리에도 세밀한 판단이 적용된다. 대부분의 사진은 그대로 두지만, SVG 아이콘과 로고는 색상을 검사해 필요 시 변환한다. 흑백 비트맵 로고는 픽셀 히스토그램 분석 후 반전한다. `mix-blend-mode`나 `mask` 같은 CSS 효과는 의도치 않은 결과를 낳을 수 있어 경우에 따라 비활성화하며, `<canvas>` 콘텐츠는 예측이 어려워 변환 대상에서 제외된다.

Simon Fraser 등 WebKit 팀은 이 기능이 브라우저 엔진 깊숙이 구현됐기 때문에 속도·전력 효율·사용자 프라이버시를 동시에 확보할 수 있다고 밝혔다. Safari는 2019년 Safari 12.1로 웹 다크 모드를 처음 지원한 브라우저다.

출처

webkit.org — 원문 읽기 →