HTML基礎(chǔ)教程之顏色表示
html顏色表示
網(wǎng)頁(yè)中的顏色有三種表示方法:
顏色單詞:blue、green、red、yellow
10進(jìn)制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
16進(jìn)制表示:#FF0000(紅)、#00FF00(綠)、#0000FF(藍(lán))
自界面中,所有的顏色都可以用三種光的不同波長(zhǎng)混合而成。這三種光就是紅光(red)、綠光(green)、藍(lán)色(blue)。
在計(jì)算機(jī)中,每個(gè)基色,用8位二進(jìn)制(2^8 = 256),那么RGB共可以表示 256*256*256 = 1670萬(wàn)色。
用16進(jìn)制表示顏色時(shí):用2位十六進(jìn)制代表1位基色。
顏色單詞 | red | ?green | blue | yellow |
10進(jìn)制 | rgb(255,0,0)? | rgb(0,255,0)? | ?rgb(0,0,255) | rgb(255,255,0) |
16進(jìn)制 | #FF0000 | #00FF00 | #0000FF | #FFFF00? ? ? ? ? ? ? ? ? ? ? ?? |
注意:10進(jìn)制兼容性不好,盡量少用。10進(jìn)制顏色表示,常用于CSS中。
實(shí)例:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>這是我們的第一個(gè)頁(yè)面</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">藍(lán)</td> <td bgcolor="#0055FF" width="50"></td> <td bgcolor="#00bbFF" width="50"></td> </tr> </table> </body> </html>