HTMLやスタイルシートで色を指定するには、名前で指定する方法と、RGBを16進数で指定する方法の2通りあります。
名前で指定
あらかじめ色に名前が付けられています。以下の中から選びます。
|
□ White ■ Silver ■ Gray ■ Black |
■ Red ■ Yellow ■ Lime ■ Aqua |
■ Blue ■ Fuchsia ■ Maroon ■ Olive |
■ Green ■ Teal ■ Navy ■ Purple |
背景色を黒にする例を示します。<body>タグのbgcolor属性で背景色を指定するには、次のようにします。
<body bgcolor="gray">
<body>タグにスタイルシート属性で背景色を指定するには、次のようにします。
<body style="background-color:gray">
RGBを16進数で指定
R(Red)、G(Green)、B(Blue)の３つの色の割合を、00からffまでの16進数で指定します。
次にカラーチャートを示します。
■ #0f0000■ #1f0000■ #2f0000■ #3f0000■ #4f0000■ #5f0000■ #6f0000■ #7f0000■ #8f0000■ #9f0000■ #af0000■ #bf0000■ #cf0000■ #df0000■ #ef0000■ #ff0000 |
■ #0f0f00■ #1f1f00■ #2f2f00■ #3f3f00■ #4f4f00■ #5f5f00■ #6f6f00■ #7f7f00■ #8f8f00■ #9f9f00■ #afaf00■ #bfbf00■ #cfcf00■ #dfdf00■ #efef00■ #ffff00 |
■ #000f00■ #001f00■ #002f00■ #003f00■ #004f00■ #005f00■ #006f00■ #007f00■ #008f00■ #009f00■ #00af00■ #00bf00■ #00cf00■ #00df00■ #00ef00■ #00ff00 |
■ #000f0f■ #001f1f■ #002f2f■ #003f3f■ #004f4f■ #005f5f■ #006f6f■ #007f7f■ #008f8f■ #009f9f■ #00afaf■ #00bfbf■ #00cfcf■ #00dfdf■ #00efef■ #00ffff |
■ #00000f■ #00001f■ #00002f■ #00003f■ #00004f■ #00005f■ #00006f■ #00007f■ #00008f■ #00009f■ #0000af■ #0000bf■ #0000cf■ #0000df■ #0000ef■ #0000ff |
■ #0f000f■ #1f001f■ #2f002f■ #3f003f■ #4f004f■ #5f005f■ #6f006f■ #7f007f■ #8f008f■ #9f009f■ #af00af■ #bf00bf■ #cf00cf■ #df00df■ #ef00ef■ #ff00ff |
■ #0f0f0f■ #1f1f1f■ #2f2f2f■ #3f3f3f■ #4f4f4f■ #5f5f5f■ #6f6f6f■ #7f7f7f■ #8f8f8f■ #9f9f9f■ #afafaf■ #bfbfbf■ #cfcfcf■ #dfdfdf■ #efefef■ #ffffff |
■ #ff0000■ #ff0f00■ #ff1f00■ #ff2f00■ #ff3f00■ #ff4f00■ #ff5f00■ #ff6f00■ #ff7f00■ #ff8f00■ #ff9f00■ #ffaf00■ #ffbf00■ #ffcf00■ #ffdf00■ #ffef00■ #ffff00 |
■ #ffff00■ #efff00■ #dfff00■ #cfff00■ #bfff00■ #afff00■ #9fff00■ #8fff00■ #7fff00■ #6fff00■ #5fff00■ #4fff00■ #3fff00■ #2fff00■ #1fff00■ #0fff00■ #00ff00 |
■ #00ff00■ #00ff0f■ #00ff1f■ #00ff2f■ #00ff3f■ #00ff4f■ #00ff5f■ #00ff6f■ #00ff7f■ #00ff8f■ #00ff9f■ #00ffaf■ #00ffbf■ #00ffcf■ #00ffdf■ #00ffef■ #00ffff |
■ #00ffff■ #00efff■ #00dfff■ #00cfff■ #00bfff■ #00afff■ #009fff■ #008fff■ #007fff■ #006fff■ #005fff■ #004fff■ #003fff■ #002fff■ #001fff■ #000fff■ #0000ff |
■ #0000ff■ #0f00ff■ #1f00ff■ #2f00ff■ #3f00ff■ #4f00ff■ #5f00ff■ #6f00ff■ #7f00ff■ #8f00ff■ #9f00ff■ #af00ff■ #bf00ff■ #cf00ff■ #df00ff■ #ef00ff■ #ff00ff |
■ #ff00ff■ #ff00ef■ #ff00df■ #ff00cf■ #ff00bf■ #ff00af■ #ff009f■ #ff008f■ #ff007f■ #ff006f■ #ff005f■ #ff004f■ #ff003f■ #ff002f■ #ff001f■ #ff000f■ #ff0000 |
背景色を水色にする例を示します。<body>タグのbgcolor属性で背景色を指定するには、次のようにします。
<body bgcolor="#00ffff">
<body>タグにスタイルシート属性で背景色を指定するには、次のようにします。
<body style="background-color:#00ffff">