syun77 https://blog.hatena.ne.jp/syun77/ 2dgames.jp https://2dgames.jp/ 雑記 UIの色を決めるときにはデザイン的な要素（かっこいい、わかりやすいなど）が重要ですが、それとは別の軸として「コントラスト比」もまた重要であるということを知ったので、それについてのメモ書きとなります。 コントラスト比とは コントラスト比とは明るい部分と暗い部分の比率で、計算には「輝度」というパラメータを使用します。 📌コントラスト比の計算式 コントラスト比＝(L1 + 0.05) / (L2 + 0.05) ( L1: 色の明るい部分の相対輝度、L2: 暗い部分の相対輝度 ) そして基本的にはコントラスト比が高いほど、エッジが鮮明になり「見やすい」ものとなります。 例えば以下は、イラストをPho… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2dgames.jp%2Fentry%2Fui-contrast%2F" title="【雑記】わかりやすいUIのコントラスト比の決め方 - 2dgames.jp" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/syun77/20250816/20250816151024.png Hatena Blog https://hatena.blog 2024-06-08 12:56:40 rich https://2dgames.jp/entry/ui-contrast/ 1.0 100%