【CSS】スタイルの色(カラー)の値

【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>