世界を動かす技術を、日本語で。

ライトモードにおけるFFFFFFlation

2026年1月18日原文(willhbr.net)

概要

  • Light mode の歴史と進化についての考察
  • MacOS のUI明度推移を独自に計測・グラフ化
  • Dark mode 利用開始の経緯と背景
  • 明度インフレ のデザイン的課題と個人的感想
  • 適切なUIカラー選択への提案

昔の「Light mode」とその変化

  • 昔は「 Light mode」という呼び名はなく、 標準的な画面表示 として認識
  • 一部のアプリ( エディタ、IDE、ターミナル)は暗色系だったが、他は明色が主流
  • 時代とともに Light modeの明度が徐々に上昇 している現象

MacOS UI明度の独自調査

  • MacOS Screenshot Library (512 Pixels)から各バージョンのスクリーンショットを取得

  • 画像を 代表的なウィンドウ部分 にクロップし、 Pillow で平均明度を計測

    • Pythonコード例:avg_lightness = int(stat.mean[0])
  • 壁紙や色合い補正 は考慮せず、単純なグレースケール平均値で比較

  • リリース年ごとに明度をグラフ化 し、Light modeとDark modeの変遷を可視化

    • 2009年から2025年にかけて UIの明度が一貫して上昇
    • 2012年の Snow Leopard では平均明度71%
    • 最新の MacOS Tahoe では100%に到達

測定結果の限界と補足

  • グラフは ウィンドウ枠(chrome) の明度のみを対象
  • 実際の利用体験を反映するには アプリ全体の明度非アクティブウィンドウ の色も考慮必要
    • 例:Tahoeの非アクティブ設定ウィンドウの最暗色でも97%明度
    • Snow Leopardの同等部分は90%で、当時はウィンドウ枠の方が暗色

Dark mode利用開始の経緯

  • エディタやターミナル では昔からダーク背景を使用
  • システム全体の Dark mode は2018年の MacOS Mojave から導入
  • 2020年末、 M1 MacBook Air 導入時にDark modeへ完全移行
    • Big Sur で明度が85%から97%へ上昇したことがきっかけ

明度インフレのデザイン的課題

  • より明るいデザイン の方が一見「クリーン」に感じやすい心理
  • 実際に自サイトのデザイン調整時も 明度を上げがちな傾向
  • Dark mode でも「より暗い」方が「かっこいい」と感じやすい
  • デザイン教育では この誘惑に抗う術 を学ぶ必要

HDR技術と今後の懸念

  • iOS 26 では一部UI要素が HDRディスプレイ で100%超の白色を表示
  • 現状は控えめだが、 さらに明度がインフレする可能性
  • HDR写真SDR UI の比較で、SDRが「灰色で寂しく」感じる現象

個人的なUIカラーへの要望

  • 長時間 MacOS を見る仕事では、 100%白のUI は目に負担

  • ただし Dark mode も「全てが真っ黒」になり、 ウィンドウ間のコントラスト が失われる課題

  • 過去のデザインで好みなのは Yosemite のフラット&ブラー効果

    • 皮肉にもYosemiteは過去最大級の明度上昇時期
  • UIやWebサイトを作るなら、思い切って50%グレーを選択

    • 目の負担軽減への提案

まとめ

  • Light mode は年々明るくなっている傾向
  • 明度インフレ にはデザイン的注意が必要
  • Dark mode 一辺倒も万能ではなく、 中間色(グレー) の活用を推奨

Hackerたちの意見

昔は、ライトモードって「ライトモード」って呼ばれてなかったよね。単にコンピュータの普通の表示方法だった。マッキントッシュ以降に生まれた人たちが言うことだね。

その通り!

本当だ。これが私の最初のコンピュータだった。[1] でも、ダークモードとは呼んでなかったよ![1] https://upload.wikimedia.org/wikipedia/commons/0/0e/Hard_res...

DOSにものすごく時間を費やしたんだ。カラー7のカラー0、グレーの背景に黒文字。みんなが使ってたIDEは、青に対して攻撃的なグレーだったんだよね。君たちが使ってる高性能なSuper VGAモニターで見たら、#AAAAAAの上に#000000って感じだ。これって、Microsoftか誰かのマーケティング部門の発明で、画面を紙みたいに見せれば人々がコンピュータを怖がらなくなるだろうって考えたんだ。昔は一度に16色しか使えなかったから、もっと色を使いたかったら解像度を下げなきゃいけなかった。もちろん、ビデオメモリは64kセグメントに収めなきゃいけなかったから、誰がもっと大きくしたいと思うんだ?それじゃあ、普通のメモリを使いすぎるだろう。もし8ビットモードを使いたいなら、マイケル・エイブレッシュの本を読んで、VGAレジスタを直接プログラミングするような恐ろしい魔法を使わなきゃいけなかった。これが何を意味するか分からないなら、君たちは今の時代がどれだけ楽か分かってないってことだ。本当にプログラミングができた人たち、マスター・オブ・マジックやオリジナルのX-COMのような素晴らしい作品を作った人たちは、オリジナルのマイクロプローズが倒産したときに散り散りになったんだ。さあ、私の庭から出て行け。

そうそう、私が最初に使ったOSは、素晴らしいベージュのWindows 98だった。

昔は、ライトモードなんて呼ばれてなかった。ただのコンピュータの使い方だったんだ… > マッキントッシュ以降に生まれた人たちが言うこと。テレプロンプター以降に生まれた人たちが言うこと。

目が感謝するよ。時々思うんだけど、ライトモードに対する一番の嫌悪感は、自動明るさがないディスプレイを使ってる人から来てる気がする。あるいは、簡単に変更する方法を知らない人からね。確かに、10kルクスで自分を常に眩ませてたら、白い背景も嫌になるだろうけど、そうじゃないはず。周囲と同じ明るさにすればいいだけなのに。白黒の本が嫌いだって言う人には会ったことないし、白地に黒字がいいとも言わないよね。それに、光沢のあるディスプレイ(例えば6k xdr)だと、反射を処理する唯一の方法は常にライトモードを使うことなんだ。アラバスターのコードテーマが一番好き。自動明るさがないなら、UIやキーボードを使って簡単に変更できるアプリがたくさんあるよ。モニターの手動ノブを使う代わりに、過去10年間のほとんどはhdmiやdisplayport経由でのコントロールをサポートしてるし。「ヘッドフォンの音量が常に90%だから、ほとんどの音楽を聴くのが嫌だ」とか、「このブラウザ拡張を使って、すべてを5%大きくしてる」とか文句言ってる人は見たことないよ。音量ノブを下げればいいだけなのに、バカだな。

みんなが4千ドルのモニターを持ってるわけじゃないから、自動明るさ調整がいつも使えるわけじゃないよね。それに、システムのデザインにムラがあるから、一つの画面は明るすぎて明るさを下げざるを得ないし、別の画面はタブ間のコントラスト差が1/1,000,000しかないから、アクティブなタブを見分けるのが難しいんだ。だから、基本的な明るさを正しく設定するのは無理。今、MacBook Pro M4を使ってるけど、家の中を移動すると、自動明るさ調整が暗い部屋にいるのに目がくらむくらい明るくしようとしたり、逆に太陽が差し込んでるのに明るさを上げようとしなかったりする。特定の環境向けに設計されてるのは確かだけど、家には向いてないよね。

たぶん、多くの人が薄暗い部屋に座ってるからだと思う。現代のLEDでは適切な照明を確保するのが本当に難しいから、そうなってるのかも。これは個人的な経験だけど、私たちのランプのデザインはあまり変わってない。今は3つのランプが6つになったけど、LEDの光の作り方が違うから、リビングはまだ「少ない」光のままだよ。普段は家ではダークモードで、オフィスではライトモードを使ってる。オフィスはまるで太陽の表面みたいだから。

「本が嫌いで、白い背景に黒い文字がいいって言ってる人に会ったことがない」って言ってるけど、私は本が大好き。でも、視覚に障害があって、白い背景に黒い文字を読むのが物理的に大変なんだ。もし本を反転できるなら、そうしたいな。

自分は自動(使えるとき)と手動の明るさ調整の両方を使ってるけど、普段作業する環境には自然光がたっぷり入ってるんだ。でも、問題は続いてて、リンク先の投稿にもあるように、ライトモードは昔よりずっと明るくなってる。だから、快適に感じるために明るさを下げると、コントラストや色の鮮やかさが犠牲になって、逆に気が散っちゃうんだよね。だから、明るい設定のダークモードを使うことにしてる。コード編集のためには、2000年代後半にIDEでダークテーマが普及してからずっと、ダークテーマを好んで使ってる。シンタックスカラーがライトテーマよりもはっきりと目立つからね。ライトテーマでコードを編集すると、ただのテキストの塊を見てるみたいに感じる。

いや、それは違うよ。全てのコンテンツをダークにするのは、ダサいGUIのカラースキームの解決策じゃない。「昔は、ライトモードなんて呼ばれてなかった。ただのコンピュータの使い方だった。すべてを明るくしたり暗くしたりすることを考えてなかったんだ。確かに、いくつかのアプリは暗かったけど(フォトエディタ、IDE、ターミナル)、それ以外は明るくて、それで良かった。」いくつかの間違った発言がある。「昔は」、コンピュータは白い文字を暗い背景(通常は青い背景)で表示してた。これが最も読みやすいとされてた。逆のものは「インバース」と呼ばれてた。アタリ8ビットやコモドール64のコンピュータ(他にもあるかも)は、通常のテキストとインバーステキストを切り替える専用キーがあった。それはマニュアルにも書いてあった。Wordには「青い背景、白い文字」ってチェックボックスオプションがあったけど、2007年まで削除されなかった。それはWindowsの他の多くのUIの後退と同時だった。Microsoftは、1991年から人々が「ダーク」なカラースキームを設定できるカラースキームエディタをWindowsから削除した。人々が、まぶしい電球の表面から暗い文字を一日中読むのがどれだけ馬鹿げているかに気づくと、企業は急いで「ダークモード」を全てに追加しなきゃならなくなった… 90年代初頭から存在していた(マック以外のすべてのプラットフォームで)ユーザー定義のシステム全体のカラースキームを放棄した後に。だから、どうして私たちは数十年もインバースGUIに苦しむことになったのか?私はいつもそれを次の理由に帰している。1. 80年代後半から90年代初頭の「デスクトップパブリッシング」ブームが、画面を紙に似せようとしたこと。2. マックがゼロックスのGUIを模倣したこと、それがインバースだった。おそらく1に関連している。3. Windowsがインバーススキームにデフォルト設定されていたこと(グローバルスキームを簡単に変更する方法はあったけど)、マックを模倣していたから。

Hacker Newsで議論の続きを見る