HTML基础教程之颜色表示
html颜色表示
网页中的颜色有三种表示方法:
颜色单词:blue、green、red、yellow
10进制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
16进制表示:#FF0000(红)、#00FF00(绿)、#0000FF(蓝)
自界面中,所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)、绿光(green)、蓝色(blue)。
在计算机中,每个基色,用8位二进制(2^8 = 256),那么RGB共可以表示 256*256*256 = 1670万色。
用16进制表示颜色时:用2位十六进制代表1位基色。
颜色单词 | red | green | blue | yellow |
10进制 | rgb(255,0,0) | rgb(0,255,0) | rgb(0,0,255) | rgb(255,255,0) |
16进制 | #FF0000 | #00FF00 | #0000FF | #FFFF00 |
注意:10进制兼容性不好,尽量少用。10进制颜色表示,常用于CSS中。
实例:
<!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>