HTMLの基本チュートリアルの色の表現(xiàn)
HTML の色表現(xiàn)
Web ページの色を表現(xiàn)するには 3 つの方法があります:
色の言葉: 青、緑、赤、黃
10 進表現(xiàn): rgb(255,0, 0)、rgb(0,255,0)、rgb(0,0,255)
16進數(shù)表現(xiàn): #FF0000 (赤)、#00FF00 (緑)、#0000FF (青)
インターフェースから、すべての色3つの異なる波長の光を混合することで生成できます。この3種類の光とは、赤い光、緑の光(緑)、青(青)です。
コンピューターでは、各原色は 8 ビット 2 進數(shù) (2^8 = 256) を使用するため、RGB は合計 256*256*256 = 1670 萬色を表現(xiàn)できます。
色を16進數(shù)で表現(xiàn)する場合：原色1桁を16進數(shù)2桁で表現(xiàn)します。
| 色の言葉 | 赤 | 緑 | 青 | 黃色 |
| 10進數(shù) | rgb(255, 0, 0) | rgb(0,255,0) | rgb(0,0,255) | rgb(255,255,0) |
| 16進數(shù) | #FF0000 | #00FF00 | #0000FF | #FFFF00 |
注: 10 進數(shù)の互換性は良くないので、できるだけ少なくしてください。 CSS で一般的に使用される 10 進數(shù)の色表現(xiàn)。
例:
<!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>
