css で丁度いい白色を指定したい

cssで白を指定すると(fff)、眩しい白だと感じます。
ネットで使っている白とちがう気がするのです。
ネットのbackgroudcolorで指定されている白ってcssの配色だと何になりますか？

takaw

2016/10/19 11:15

もう３ヶ月もこのサイトを利用しているわけですから、そろそろこのサイトがどんなサイトなのかを理解しましょう。　https://teratail.com/tour

退会済みユーザー

2016/10/20 02:29

>takawさん　元アカウント含めると6ヶ月ですよー

uverworld101nm

2016/10/20 02:32

その元アカウントって、何の話ですか？

退会済みユーザー

2016/10/20 02:36

https://teratail.com/users/442ky119　　質問内容があまりに酷似、回答に対するコメントも言い回しが同じ。まぁいつもの「ﾎﾞｸｼﾞｬﾅｲ」で片付けるんでしょうが。

date

2016/10/27 23:17

多少言葉はきたないですが、お礼のコメントを書くのはのちの印象がよくなりますので、ベストアンサーを付けるだけではなく一言お礼コメントを入れた方がいいでしょう

行動規範の内容に同意します

回答9件

ベストアンサー

WEBページのカラーの調べ方は他の方の回答でいろいろでてますので、
別の観点から。

人が見て、眩しいと感じるのは、背景色の明るさだけでなく、
文字色(color)と背景色(background-color)のコントラスト（明度差）です。

例えば、ここ(teratail)は、背景色は #fff ですが、文字色は #333 です。
もし、文字色を #000 にすれば、コントラストが強すぎて眩しいと感じると思います。
Facebook、Twitter、Google 等の有名サイトも背景色は #fff で、文字色は #333 ぐらいです。

逆に、文字色が #000 なら、背景色はうすいグレーにすると目が疲れにくいとおもいます。

たまに、背景色が #000 で #fff というサイトがありますが、これは最悪ですね。黒背景の場合はより明度差に敏感になりますので、差をより少なくする必用があります。

投稿2016/10/19 12:42

編集2016/10/19 16:16

hatena19

総合スコア34367

「ネット」という表現が曖昧すぎて、回答が難しいです。
もしもどこかお気に入りのサイトで見たものをおっしゃっているなら、そのサイトURLなどを書かれた方がよいと思います。

ただ・・・色を調べる方法はいくらでも

１）「Print Screen」などで画面をキャプチャし、ペイントツールに貼り付けてスポイトで色をひろってＲＧＢ値を調べる（超簡単、お手軽）

２）Ｆ１２ボタンから開発者ツールを開いて、そのサイトでのhtmlなりスタイルシートなりから使われている背景色を調べる（コード解析力が必要なので初心者には少々難しいかも？）

３）カラーピッカーツールを入手し、そのツールで画面上の色をひろってＲＧＢ値を調べる（ツールを探してインストールする手間を考えると・・・）

投稿2016/10/19 11:05

takito

総合スコア3116

cssで白を指定すると(fff)、眩しい白だと感じます。

白は#ffffffです。
「眩しい白」といいますが、
眩しいかどうかは、あなたの環境次第です。
ディスプレイ光度、部屋の明るさ、見る人の視力によります。

ネットで使っている白とちがう気がするのです。

「ネット」とは？どこのことですか？
あなただけにしかわからない表現はやめましょう。

ネットのbackgroudcolorで指定されている白ってcssの配色だと何になりますか？

WEBのホームページなら、そのページのソースをみてbackgroudcolorを調べればいいと思います。
見れればの話ですが。
見れなければ、takitoさんの回答にあるように、キャプチャしてRGBを調べればいいと思います。

css で丁度いい白色を指定したい

「丁度いい」かどうかは、見る人次第、

ffffffが丁度いいという人もいれば、fafafaが丁度いいという人も居ます。
もちろん、その人のディスプレイや部屋の明るさ次第ですが。

投稿2016/10/19 11:29

takaw

総合スコア128

background-color: #fff のサイト

background-color: #ccc のサイト

YouTube

background-color が未指定のサイト

Yahoo! JAPAN

まとめ

確認したところではほとんどが background-color: #fff でした。

個人的には background-color: #fafafa にしていますが、それが標準という色があるわけではないのでトライアンドエラーを繰り返して「丁度いい白色」をご自身で見つけ出すのが一番良いと思います。
#fff がまぶしいという理由でモニタ設定変更で輝度を落とす人もいますので、ユーザの自衛手段に任せて #fff のままにしておくという手もあります。

Re: uverworld101nm さん

投稿2016/10/19 12:21

think49

総合スコア18194

teratail の backgournd color は #fff みたいですね。眩しいですか?

投稿2016/10/19 11:58

hana-da

総合スコア1728

Windowsのペイントでスポイトを指定して
ネットで使っている白をクリックすればRGBが分かるぜ

投稿2016/10/20 05:12

Gyoubu

総合スコア32

cssで白を指定すると(fff)、眩しい白だと感じます。

それは主観的な問題でしょうか？他人に見せた時にそういわれたのでしょうか？
まずただ単に主観的なものであればPCの輝度下げれば良いと思います。
他人に言われた…というのであれば文字色と背景色のギャップが大きいためそのように見えている可能性があります。極端な例を挙げてみると黄色の背景に紫の文字で書かれたものを見て目がチカチカするような現象と似たような状態…といったところでしょうか。

ネットで使っている白とちがう気がするのです。

ネット…これまた珍妙な表現ですね。いつもの自分にしか分からない言語とも言えますね。
uverworld101nm語と言うべきでしょうか。まぁそれはさておき。
多分普段よく見られているサイトの事だと仮定して回答します。(違っていたらごめんなさい。解読不能です)
先ほども述べたとおり文字と背景の色のバランスですね。