TIL

Today I Learned. 知ったこと、学んだことを書いていく

テキストの文字色を変える - CSS

colorプロパティを使う。

値の指定の仕方

16進数(6桁の数値)で指定する

R(赤)、G(緑)、B(青)をそれぞれ16進数で2桁ずつで表現する。

#赤緑青で指定する

body {
    color: #808080;
}

カラーキーワードで指定する

redblueblackなどのキーワードで指定することができる

body {
    color: gray;
}

rgb()

color: rgb(赤, 緑, 青);

  • 値はそれぞれ、0〜255

例)グレーを指定する場合

body {
    color: rgb(80, 80, 80);
}

rgba()

color: rgb(赤, 緑, 青, 透明度);

  • 値はそれぞれ、0〜255
  • 透明度を指定できる

例)グレーで透明度が50%の場合

body {
    color: rgb(80, 80, 80, 0.5);
}

参考文献