HTMLの基本チュートリアルの...LOGIN

HTMLの基本チュートリアルの色の表現

HTML の色表現

  • Web ページの色を表現するには 3 つの方法があります:

  • 色の言葉: 青、緑、赤、黄

  • 10 進表現: rgb(255,0, 0)、rgb(0,255,0)、rgb(0,0,255)

  • 16進数表現: #FF0000 (赤)、#00FF00 (緑)、#0000FF (青)

インターフェースから、すべての色3つの異なる波長の光を混合することで生成できます。この3種類の光とは、赤い光緑の光(緑)青(青)です。

コンピューターでは、各原色は 8 ビット 2 進数 (2^8 = 256) を使用するため、RGB は合計 256*256*256 = 1670 万色を表現できます。

色を16進数で表現する場合:原色1桁を16進数2桁で表現します。

色の言葉



黄色
10進数
rgb(255, 0, 0)
rgb(0,255,0)
rgb(0,0,255)
rgb(255,255,0)
16進数
#FF0000
#00FF00
#0000FF
#FFFF00

注: 10 進数の互換性は良くないので、できるだけ少なくしてください。 CSS で一般的に使用される 10 進数の色表現。

例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>这是我们的第一个页面</title>
    </head>
    <body>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
     <table border="1" rules="all">
         <tr>
             <td bgcolor="#FF0000" width="50">红</td>
             <td bgcolor="#FF0055" width="50"></td>
             <td bgcolor="#FF00bb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#00FF00" width="50">绿</td>
             <td bgcolor="#00FF55" width="50"></td>
             <td bgcolor="#00FFbb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#0000FF" width="50">蓝</td>
             <td bgcolor="#0055FF" width="50"></td>
             <td bgcolor="#00bbFF" width="50"></td>
         </tr>
     </table> 
    </body>
</html>


次のセクション
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <table border="1" rules="all"> <tr> <td bgcolor="#FF0000" width="50">红</td> <td bgcolor="#FF0055" width="50"></td> <td bgcolor="#FF00bb" width="50"></td> </tr> <tr> <td bgcolor="#00FF00" width="50">绿</td> <td bgcolor="#00FF55" width="50"></td> <td bgcolor="#00FFbb" width="50"></td> </tr> <tr> <td bgcolor="#0000FF" width="50">蓝</td> <td bgcolor="#0055FF" width="50"></td> <td bgcolor="#00bbFF" width="50"></td> </tr> </table> </body> </html>
コースウェア