UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？ それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇

[coliss]

なぜダークモードにおけるグレースケールは難しいのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのか

[mole-studio]

RGBを人間が線形と感じるスケールに変換する汎用関数が用意されるといろいろ楽できそう

[otihateten3510]

何でダークモード流行らせたんだよめんどくさいなー

[north_korea]

ほとんどの人のモニターはキャリブレーションされてなくてコントラストがおかしいのでそういうことも考えると色々めんどくさくなる

[flirt774]

APCAはWCAG3で提唱されているそうで、こちらの解説がより「分からない」理解が進む https://qiita.com/shunito/items/4aecd32fcb3f22064e4a 別記事にて日本語フォント検証ツールを作成されていた https://apca-ja.studio-ito.net/

[yarumato]

“ダークモードにする際にカラースケールを反転させればよいという単純なものではない。APCAコントラストに基づいてスケールを作成すると、ライトモードとダークモードで、コントラストがほぼ同じに”

[sea_side]

いっそsRGBじゃなくてリニアRGBをデフォにすれば、RGBの数値と知覚が比例してないことを自覚しやすくなるのでは（不便になるだけ）

[gewaa]

MS-DOSの頃はダークモードがデフォだったのに。

[aceraceae]

ダークモードが好きじゃないのはこれなんだよね。ダークモードで輝度落とすとコントラスト低すぎて。ライトモードで目一杯輝度落とすほうが目に優しいと思ってる。

[uunfo]

OSで面倒を見るべき／「知覚する感じ方」ってなんかやだね

[ET777]

デザイナーさんが苦労してくださるため私の目が休まるのです

[tjmschk]

色の計算式のあたりちゃんと知りたい

[ndanna]

後で

[ducktoon]

“ダークモードにする際にカラースケールを反転させればよいという単純なものではありません”

[emj1025]

APCAコントラスト初めて知った

[twotiger]

CSSが汚いとダークモードとライトモードを両立させるのは難しい。ウェブデザイナーの技術力が問われる。Vi、Emacs、Visual Studio、ターミナル、コマンドプロンプト、昔から開発者向けツールはダークモード対応が当然

[oyssi]

あああああああああああああああああダークモードやめよう

[torum]

ダークモードに対応していないサイトは見ないまで。化石のような見た目のはてブはAPIとフィード経由。夜中に顔面に蛍光灯を照らしつけているようなもので、ダークモード対応は当然でしょう。日中はライトモード。

[yuuAn]

だからコントラスト低くて見づらいダークモードがいっぱいあるのか。

[nisisinjuku]

ダークモードの利点、文字読んでると眠くなる。よく寝れるよね、アレ。

[spark7]

明るさの感じ方は対数とかいわれてるしな。それはそれとして、ダークモードはレイアウトも変えないと、パレット変えただけでは見づらい場合が多い。/ 「左の方が右よりも〜」は4.5:1の#FFFな白文字を見たらあかんよ

[ghostbass]

一部ダークモードでオフカラーというか非アクティブカラーののテキストが見えないとかある

[shikiarai]

対数使って計算すればいけなかったっけ？　それは聴覚か？

[vndn]

表色系についてはコニカミノルタのサイトに程よくまとまってると思う。https://www.konicaminolta.jp/instruments/knowledge/color/index.html

[everybodyelse]

ダークモードって全部のアプリケーションやウェブサイトが対応してないと微妙よな。普通のページとダークモードのページが混ざってると目がチカチカしちゃう。対応するコストもそれなりにかかるし、とにかくめんどい

[psne]

グレスケは一旦保留にして、ダークモードは、加齢や網膜剥離などの目に障害が発生した場合に読み易いのですよ。誰もでも読める環境を。

[ultimatebreak]

これに合わせた反転用のCSSメソッドくれ

[tsukitaro]

ダークモードなんてないさダークモードなんてうそさ色盲の人が見間違えたのさ

[diveto]

ダークモードは有機ELの省電力に向いてるからスマホで流行ったんだよ。だから普通の液晶ディスプレイでダークモードはあんまやる意味ないよ。

[lifeisadog]

ウェブサイトはダークモード対応しなくいいよ

[razihai]

ダークモード好きで申し訳ない…

[chiba1008]

こんなもんOSとかブラウザレベルでやることでしょ