色を指定するときは数値で指定する方法と色の名前で指定する方法があります。数値で指定する場合は 16進数で指定する方法、10進数で指定する方法、%値で指定する方法があります。
16進数で指定する場合は、「#」記号に続けて、赤・緑・青の順番で2桁ずつ記述します。
#ff0000 - 赤
#00ff00 - 緑
#0000ff - 青
10進数で指定する場合は、「rgb」に続けて、赤・緑・青の10進数の値を「,」で区切って記述します。
rgb(255,0,0) - 赤
rgb(0,255,0) - 緑
rgb(0,0,255) - 青
パーセント値で指定する場合は、「rgb」に続けて赤・緑・青の%値を「,」で区切って記述します。
rgb(100%,0%,0%) - 赤
rgb(0%,100%,0%) - 緑
rgb(0%,0%,100%) - 青
色の名前で指定する場合は、カラーネームを利用して色を指定します。 主なカラーネームを下記の表を参照ください。
| 色名 | 16進数 | 色 | 色名 | 16進数 | 色 |
|---|---|---|---|---|---|
| WHITE | #ffffff | SILVER | #c0c0c0 | ||
| BLACK | #000000 | GRAY | #808080 | ||
| RED | #ff0000 | BLUE | #0000ff | ||
| YELLOW | #ffff00 | GREEN | #008000 | ||
| LIME | #00ff00 | AQUA | #00ffff | ||
| FUCHSIA | #ff00ff | MAROON | #800000 | ||
| PURPLE | #800080 | NAVY | #000080 | ||
| TEAL | #008080 | OLIVE | #808000 |
カラーコードを入れてボタンをクリックするとボックスの色を変更できます。