【CSS】スタイルの色(カラー)の値
CSSの色(カラー)の指定方法をご紹介します。
カラーネーム
カラーネームは色の名称です。
例えば赤はred
、青はblue
、緑はgreen
などです。
<style>
p {
color: red;
}
</style>
<p>text text text text text</p>
カラーコード
カラーコードは#6桁の16進数
で色を表わします。
例えば赤は#FF0000
、青は#0000FF
、緑は#00FF00
です。
<style>
p {
color: #FF0000;
}
</style>
<p>text text text text text</p>
関数記法 : rgb(値,値,値)
関数記法rgb(値,値,値)
はRGB値で色を表わします。
3つの各値は0~255の数値をとります。
例えば、例えば赤はrgb(255, 0, 0)
、青はrgb(0, 0, 255)
、緑はrgb(0, 255, 0)
です。
<style>
p {
color: rgb(255, 0, 0);
}
</style>
<p>text text text text text</p>