ハクソク

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

ライトモードにおけるFFFFFFlation

90日前原文(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がインバーススキームにデフォルト設定されていたこと（グローバルスキームを簡単に変更する方法はあったけど）、マックを模倣していたから。
└
> 本を嫌いで白黒にしたいって言ってる人には会ったことがない。 それは、本を印刷するための紙が常に白じゃないからだよ。今年と去年に読んだ本のほとんどは、ちょっと黄色がかってた（新しく印刷されたものだからね）。純白の紙にイライラしてるのは自分だけじゃないって分かってる。明るさを正しく設定することには完全に同意するよ。誰かのコンピュータを使うときは、すぐに明るさを下げるのが普通だ。みんなどうやってあんなに明るい画面を使ってるのか全然分からない。
└
> 本を嫌いで白黒にしたいって言ってる人には会ったことがない。 本が自分自身で光を放つのを見たことがない。もし600平方インチ以上の自己発光する本があったら、もっと早くダークモードが発明されてたかもね。CRTの初期の頃はダークモードが普通だった。VT50/100/220、3270などはほぼ常に暗い背景に光る文字だったし、そうでないときも12-14インチくらいのサイズだった。ほとんどのPC/DOSマシンも同じだった。ラスターディスプレイが登場した瞬間、すべてが「ライトモード」になったけど、まだそんなに大きくなかった。その後、ディスプレイが巨大化して、目に負担をかけるほどの明るさになった。AppleやMicrosoftの紙の模倣の30年の旅が、基本的なエルゴノミクスのために終わろうとしてる。あなたの小言は必要ないよ。
└
> 本を嫌いで白黒にしたいって言ってる人には会ったことがない。 わあ、これは今日読んだ中で一番の洞察だ。やっと気づいたよ、なぜ自分がハードカバーよりも電子インクを好むのか。白黒じゃなくて、黒白であるべきだったんだ。直感的にすごく納得できる。
└
私は個人的にライトモードが大好きで、ダークモードはほとんど使わない。とはいえ、紙との比較はあまり適切じゃない。LCDは自分で光を出すし、OLEDは背景だけに光を出して、テキストには光を出さないから、反射光を使うのとは全然違う。バックライトのない電子インクディスプレイを、環境と同じ明るさのライトモードOLEDの隣に置くと、違いは（ちょっとしたダジャレだけど）昼と夜のように明らか。低照度の条件で本の隣に置いても、私の携帯がそれよりも読みやすくする設定はできない。あと、長年ライトモードだけのフレーズを使ってたけど、最近ダークモードを追加した。ダークモードがかっこよく見せるためじゃなくて、朝一番に使うことが多くて、夜最後に使うから。1年も最小明るさで画面を見つめてたら、#000の背景がOLED画面で暗い時にどれだけ物理的に違うかは本当に驚きだった。
└
今、携帯の最低明るさでこのコメントを書いてるけど、それでも明るすぎる。もしかしたら、人々は「持ち方が間違ってる」わけじゃないのかも。画面が光を出すから、周囲の明るさと同じにすると、今の状況では読めなくなっちゃう。でも、黒い背景はずっと快適。なんでかっていうと、出てる光が少ないから。コントラストが大事なのはその通り。黒い背景に白いテキストだと、周囲の光レベルに近づきつつコントラストを提供できる。白い背景に黒いテキストでは同じことはできない。暗い部屋に行って、携帯を置いて、自然の背景が何か自問してみて。黒だよ。それが周囲のレベル。
ダークモードはあんまり好きじゃないし、最近は少数派みたい。職場の同僚の99%はダークモード使ってるし、画面共有すると「目が痛い！」って言われるのがいつものこと。面白いのは、白地に黒字を読んで他を見たときに、視界に横線が見えることに気づいたこと。だから、本当は私が目のことで叫ぶべきかも。でも、私だけかな？やっぱり、コンピュータの体験は本を読むみたいにしたいんだ。白い文字が黒い紙にあるのは好きじゃないかも。
└
昼間は確かにそう感じるけど、日が沈むと逆の体験になる（暗くなるとライトモードが耐えられない）。コードエディタには、日が沈むと自動的にライトからダークモードに変わるOSを尊重してほしいな。
└
うん、横線も見えるけど、白い背景に黒い文字をスマホでしばらく読んだ後だけだね。でも、どのデバイスでも白い背景に黒い文字は、ちょっとぼやけて見えたり、二重に見えたりする。
└
私も横線が見えるよ。晴れた日のスラットブラインドを見てるみたいで、目をそらすと明るい線の残像が見える感じ。明るい面（ライトモードの画面）を見つめてると、視界全体が暗くなるんだよね。
└
あなたのチームはちょっと珍しいかも。ダークモードを好む人は声が大きい少数派って感じがする。職場でみんなが画面を共有してるのを見て、ダークモードの人は片手で数えられるくらいしか見たことない。実際、2人しか思い出せないし、そのうちの1人は10年以上前のインターンだった。もし大多数がダークモードを使ってたら、オペレーティングシステムのデフォルトのスクリーンショットがダークモードになってるはずだし、デフォルトで出荷されると思うけど、そうはなってないよね。ダークモードを試したとき、コントラストの問題が大きくて、すべてが見分けにくくなって、目にとってはもっと難しかった。
└
乱視の検査を受けた方がいいよ。100%それだと思う。
└
日中やオフィスの状況では、特に光沢のある画面でダークモードはすごく目が疲れる。暗い環境では専ら使ってるけどね。「反ライトモード」の感情は10年以上前からあったけど、デフォルトになってない理由は、大多数のユーザーのニーズや使用ケースに合わないからだと思う。経験上、私の職業人生でダークモードの強い支持者は、夜だけ働く人や「夜のハッカー」みたいなイメージを持ちたい人が多かった。
└
同じく。時々、ライトモードを使ってると罪悪感を感じる。もしかしたら、「ちょっと待って、何も見えない！」って叫ぶべきかも。
└
ライトモードが好きだったのは、フロリダのバケーション中に日差しのある部屋で作業してた時だけ。普段は低照度の環境で作業することが多いから、全体的にダークモードが合ってる。でも、背景が黒である必要はなくて、青の濃いダークテーマが好き。
20年間、1日16時間ライトモードの画面を見続けても、全く不快感を感じたことがない。ダークモードを5分使っただけで、誰かがレーザーを当ててるみたいに目が痛くなる。結論として、ライトモードはライトモードの人向け、ダークモードはダークモードの人向けってことだね。ライトモードを少し暗くしたり、ダークモードを少し明るくしたりしても、人々のインターフェースの体験は変わらないよ。ライトモードはライトな人のために、ダークモードはダークな人のために作るべき。明るくなってきてるかもしれないけど、私にはあまり感じられないな。
└
1日16時間は多いね。睡眠はどう？
└
CRTモニターを使ったことある？それとも、長時間使ってた頃にはもうLCDだったのかな？（20年もやってる人がCRTモニターを使ったことがないなんて考えると、なんか年を感じるわ。）
目立つカラースキームやカラフルな背景のウェブサイトが少なくなってる気がする。サイトがライト/ダーク背景にこだわってるのは、現代のCSS機能（例えば `@media (prefers-color-scheme: dark)`）をサポートするためなのかな。
└
そうだね！デザイン自体も、ライトモードでもダークモードでも見栄えが良くなるように制約されてるよね。
自分にとっては、コンテキストがダークモードとライトモードの好みに影響を与えるんだ。コードやターミナルはダーク、ドキュメントやウェブ、チャットはライト。なぜかダークモードのSlackやDiscordが耐えられないけど、ダークモードのIDEは好みだ。あと、「MacOSのスクリーンショットの平均明るさの推移」ってグラフが、なんか脳をくすぐるんだ。2030年にはMacOSのライトモードはただの白い長方形（ノッチ付き）になるだろうって思う。それって、「ホームページのYouTube動画の数」ってブログを思い出させる。2030年にはホームページに動画が0本になるって予測してるんだ。
いいね。FFFFFと000000が欲しいんだ。明るいグレーや暗いグレーは読みづらくてイライラする。特にOLEDモニターで見ると、純粋な黒と鮮やかな白がすごくきれいで、どこでもDark Reader拡張を使ってるし、それでもダメなときは特定のウェブサイト用にカスタムスタイルシートを使って`body { background: black; }`にしてる。
└
同意…ほぼね。HNのダークモードハックはまあまあいいよ。ちゃんとしてる。uBlock Originを使ってるなら、これをルールとして追加してみて：news.ycombinator.com##html:style(filter: invert(90%) hue-rotate(180deg); background: white) 結果は、オレンジのヘッダーを残しつつ、ダークグレーやブラウンが得られる。確かに、ほとんどのアプリでは純粋な黒が好きだけど、しばらくすると飽きるんだよね。HNや他の場所でこういうのを混ぜて楽しむのもいいよ。バッテリーを節約したい気持ちは分かるけど、楽しさやエンターテイメントも必要だよね。 ;)
└
FFFFFFと000000は、背景とテキストがどっちでも、目にはっきりとしたコントラストが強すぎて読みづらい。ライトモードなら背景はECECEC、テキストは333333が好きだし、ダークモードならその逆がいい。目の負担が明らかに少なくなるんだ。
└
テキストコンテンツには同意するけど、UIのデザインやコントロール、フォーム/ダイアログには同意できない。背景色はUIとコンテンツを区別するのに役立つからね。
私は両方のモードの間でちょっと迷ってる。デフォルトはライトが好きだけど、他の時はダークが好み。例えば、コードを書くIDEはいつもダークモードだけど、ObsidianやApple Notesで普通のメモを書くときはライトモードがいい。非プライマリのフォーカスエリアはダークな色合いが好きだから、Obsidianのサイドバーはだいたいダークで、テキストは明るい感じ。メインの執筆エリアはライト（テーマや設定で調整してる）。でも、携帯はデフォルトでダークモードが好き。特定のアプリ、例えば地図アプリは別だけど、夜でもそう。昼間はテキストやコンテンツを最小限にしたいけど、日が沈んだら、携帯はもっと目立つように設定してる（ラベルとか）。40代で、特に暗い時（夜）はシャープなテキストと高コントラストが好き。だから、目立つ携帯設定にしてる。夜にホワイトリストの電話が来たら、すぐに読めるようにしたい。ライトとダークの選択肢を強制しないアプリが好き。macOSでメニューバーとドック（周辺）はダークテーマにして、全体のメインコンテンツはライトテーマにする方法はこうだよ；1. システム環境設定に行って、テーマをライトに設定。2. ターミナルで `defaults write -g NSRequiresAquaSystemAppearance -bool Yes` を実行。3. ログアウトして、システム環境設定でテーマをダークに設定。デフォルトに戻したい場合は、ターミナルで `defaults write -g NSRequiresAquaSystemAppearance -bool No` を実行。
「ライトモード」と「ダークモード」の区別ができたことで、逆に悪化したと思う。デザイナーとしては、以前は全体のスペクトルを使えたから、暗いエリアと明るいエリアを組み合わせたりできた。でも今は「ライトモードのテーマを作ってる」と考え始めると、背景の色が半分に制限されちゃう。結果的に、より白くして少し暗い白と対比させることになる。さらに、「ダークモード」と視覚的に区別する必要があるから、50%未満の色域を目指すことになる。これはメンタルトラップだと思う。編集：ブラウザがライト/ダークモードの設定を持っていることで、さらに悪化してる。だから、ライト/ダークの枠に収まらないものを作ると、ユーザーがブラウザの設定を尊重してないって文句を言うのが心配になる。
昼間はライトモード、夕方はダークモードを使ってて、OSが太陽の位置に基づいて自動で切り替わる。私にとっては、ダークモードを使うタイミングを決める明らかな方法だと思うけど、どうやら私は少数派みたい。