program-shoshinsya https://blog.hatena.ne.jp/program-shoshinsya/ auの日記 https://program-shoshinsya.hatenablog.com/ HTML auです。あのサイトで使われているフォントの色いいなーと思うことありますよね。その時に、どんな色が使われているのかを特定する方法を見つけたので調べてみます。 フォントカラーを特定する方法 この画像の、グレー色を特定しましょう。デベロッパーツールを使います。F12キーを押すか、画面右上の3点マークから、その他のツール>デベロッパーツールを押しましょう。デベロッパーツール内の、左上にあるカーソルマークを押して、詳しくみたい箇所をクリックします。すると、HTMLでの表示と、それに適応されているCSSがあります。colorと書かれている箇所が該当箇所ですね。「color: #959c9e;」これが、灰… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fprogram-shoshinsya.hatenablog.com%2Fentry%2F2021%2F07%2F12%2F012910" title="HTMLで使われているフォントカラーを特定する方法 - auの日記" 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/p/program-shoshinsya/20210712/20210712011159.png Hatena Blog https://hatena.blog 2021-07-12 01:29:10 rich https://program-shoshinsya.hatenablog.com/entry/2021/07/12/012910 1.0 100%