[新着] Webテンプレートを仮オープンしました
HTMLと同じ指定方法と、スタイルシート独自の指定方法があります。
| #ff0000 | シャープ（ # ）で始まる6桁のカラーコードで指定 |
| red | redやgreen、whiteといったカラーネームで指定 |
.example1 { color: #ff0000; }
.example2 { color: red; }
| #f00 | シャープ（ # ）で始まる3桁のカラーコードで指定 |
| rgb(255,0,0) | rgb( )による指定（0〜255） |
| rgb(100%,0%,0%) | rgb( )による指定（0%〜100%） |
.example3 { color: #f00; }
.example4 { color: rgb(255,0,0); }
.example5 { color: rgb(100%,0%,0%); }
3桁のカラーコードには、次のような意味があります。
#fff
1桁目が赤、2桁目が緑、3桁目が青、という順番で並んでおり、この光の三原色を 0 〜 f までの16進数で指定して色を調整します。
0 に近いほどその色は弱くなり、f に近いほどその色が強調されます。
#f00 ■
#fff □
#000 ■
rgb(255,255,255)
( ) の中に、赤、緑、青の色指定をカンマ（ , ）で区切って記述します。それぞれ 0 〜255 までの数値を指定して色を調整します。
0 に近いほどその色は弱くなり、255 に近いほどその色が強調されます。
rgb(255,0,0) ■
rgb(255,255,255) □
rgb(0,0,0) ■
rgb(100%,100%,100%)
( ) の中に、赤、緑、青の色指定をカンマ（ , ）で区切って記述します。それぞれ 0% 〜100% までの割合を指定して色を調整します。
0% に近いほどその色は弱くなり、100% に近いほどその色が強調されます。
rgb(100%,0%,0%) ■
rgb(100%,100%,100%) □
rgb(0%,0%,0%) ■
