可読性は本当に上がる?
ブフナーとバウムガルトナー(2007)は、照明条件に関係なく明るい背景に暗い文字の方が成績が良いと報告しました。ピーペンブロックら(2013, 2014)は若年層・高齢層ともに同様で、明るい画面で瞳孔が小さくなるためだと説明しています。
電池と環境
確かな利点はOLEDの電力です。ダッシュとフー(2021)は輝度が高いほど節約幅が大きいことを実測しました。LCDではほぼ差がありません。暗い部屋でのまぶしさも減らせます。
上手な作り方
純黒に純白は刺激が強いため濃いグレーを使い、意味ベースの色を定義します。システム設定に従いつつアプリ内でも切り替え可能にし、どのテーマでも色彩コントラスト4.5:1を守りウェブアクセシビリティを保ちます。
よくある質問
- 目に良いの?
- 明るい環境ではライトモードの方が読みやすいという研究があります。
- 電池はどれくらい節約?
- OLEDで輝度が高いほど効果が大きく、LCDではほぼありません。
出典確認日:2026-10-27
参考文献
- Buchner, A., & Baumgartner, N. (2007). Text–background polarity affects performance irrespective of ambient illumination and colour contrast. Ergonomics, 50(7), 1036–1063. 照明条件に関係なく明るい背景に暗い文字の方が成績が良いという実験です。
- Piepenbrock, C., Mayr, S., Mund, I., & Buchner, A. (2013). Positive display polarity is advantageous for both younger and older adults. Ergonomics, 56(7), 1116–1124. 若年層・高齢層ともにライトモードで成績が良かった研究です。
- Piepenbrock, C., Mayr, S., & Buchner, A. (2014). Smaller pupil size and better proofreading performance with positive than with negative polarity displays. Ergonomics, 57(11), 1670–1677. 明るい画面で瞳孔が小さくなり校正精度が上がった結果です。
- Dash, P., & Hu, Y. C. (2021). How much battery does dark mode save? An accurate OLED display power profiler for modern smartphones. In Proceedings of the 19th Annual International Conference on Mobile Systems, Applications, and Services (pp. 323–335). ACM. OLEDスマホでダークモードの実際の電池節約を測定しています。
- Apple. (n.d.). Dark Mode. Human Interface Guidelines. システム設定に従い意味ベースの色を使う公式指針です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2 (W3C Recommendation). コントラスト4.5:1基準(1.4.3)はダークテーマにも適用されます。
- Mozilla. (n.d.). prefers-color-scheme. MDN Web Docs. 端末のテーマを検出するCSSメディアクエリの解説で、ウェブ実装に役立ちます。
