當前位置:主頁 > 網頁教程 > 網頁制作 > Html教程 > 內容歡迎大家投稿

html語言剖析十六 調色原理

時間:2009-09-28 22:43來源:未知 作者:大寶庫 點擊:讀取中
閱讀工具:字體:

html 的顏色表示可分兩種:
  • 以命名方式定義常用的顏色,如 red
  • 以 rgb 值表示,如 #ff0000 表示 red。

命名方式涵括的色種不多亦不甚方便,較少采用,以下介紹 rgb 值的原理:

眾所皆知顏色是由 "red" "green" "blue" 三原色組合而成的,在 html 中對於彩度的定義是 采十六進位的,對於三原色 html 分別給予兩個十六進位去定義,也就是每個原色可有 256 種彩度,故此三原色可混合成一千六佰多萬的顏色。

例如
白色的組成是 red=ff, green=ff, blue=ff, rgb 值即為 ffffff
紅色的組成是 red=ff, green=00, blue=00, rgb 值即為 ff0000
綠色的組成是 red=00, green=ff, blue=00, rgb 值即為 00ff00
藍色的組成是 red=00, green=00, blue=ff, rgb 值即為 0000ff
黑色的組成是 red=00, green=00, blue=00, rgb 值即為 000000

於應用時常在每個 rgb 值之前加上符號 # 以示分別,但不加亦可。

■ html 基本架構:
選按不同顏色按鍵以測試前景顏色效果 (只適合 internet explorer)
           
選按不同顏色按鍵以測試背景顏色效果
           
或輸入一個 rgb 顏色碼或名稱
   
■ 16 常用顏色表:
color value name   color value name
  #00ffff aqua     #808080 gray
  #000080 navy     #c0c0c0 silver
  #000000 black     #008000 green
  #808000 olive     #008080 teal
  #0000ff blue     #00ff00 lime
  #800080 purple     #ffff00 yellow
  #ff00ff fuchsia     #800000 maroon
  #ff0000 red     #ffffff white
■ 其它常用顏色表:
color value name   color value name
  #f0f8ff aliceblue     #a00000 antiquewith
  #7fffd4 aquamarine     #f0ffff azure
  #f5f5dc beige     #ffe4c4 bisque
  #000000 black     #ffebcd blanchedalmond
  #0000ff blue     #8a2be2 blueviolet
  #a52a2a brown     #deb887 burlywood
  #5f9ea0 cadetblue     #7fff00 chartreuse
  #d2691e chocolate     #ff7f50 coral
  #c0f000 cornfloewrblue     #fff8dc cornsilk
  #00ffff cyan     #00008b darkblue
  #008b8b darkcyan     #b8860b darkgoldenrod
  #a9a9a9 darkgray     #006400 darkgreen
  #da0000 darkhaki     #8b008b darkmagenta
  #556b2f darkolivegreen     #da000e darkorenge
  #9932cc darkorchid     #8b0000 darkred
  #e9967a darksalmon     #8fbc8f darkseagreen
  #483d8b darkslateblue     #2f4f4f darkslategray
  #00ced1 darkturquoise     #9400d3 darkviolet
  #ff1493 deeppink     #00bfff deepskyblue
  #696969 dimgray     #1e90ff dodgerblue
  #b22222 firebrick     #fffaf0 floralwhite
  #228b22 forestgreen     #dcdcdc gainsboro
  #00000e gostwhite     #ffd700 gold
  #00e00d golenrod     #808080 gray
  #008000 green     #adff2f greenyellow
  #f0fff0 honeydew     #ff69b4 hotpink
  #cd5c5c indianred     #fffff0 ivory
  #f0e68c khaki     #e6e6fa lavender
  #fff0f5 lavenderblush     #7cfc00 lawngreen
  #fffacd lemonchiffon     #add8e6 lightblue
  #f08080 lightcoral     #e0ffff lightcyan
  #0000e0 lightgodenrod     #0000e0 lightgodenrodyellow
  #0000a0 lightgray     #90ee90 lightgreen
  #ffb6c1 lightpink     #ffa07a lightsalmon
  #20b2aa lightseagreen     #87cefa lightskyblue
  #0000eb lightslateblue     #778899 lightslategray
  #b0c4de lightsteelblue     #ffffe0 lightyellow
  #32cd32 limegreen     #faf0e6 linen
  #ff00ff magenta     #800000 maroon
  #66cdaa mediumaquamarine     #0000cd mediumblue
  #ba55d3 mediumorchid     #ed0000 mediumpurpul
  #3cb371 mediumseagreen     #7b68ee mediumslateblue
  #00fa9a mediumspringgreen     #48d1cc mediumturquoise
  #c71585 mediumvioletred     #191970 midnightblue
  #f5fffa mintcream     #ffe4e1 mistyrose
  #ffe4b5 moccasin     #ffdead navajowhite
  #000080 navy     #a0b0e0 navyblue
  #fdf5e6 oldlace     #6b8e23 olivedrab
  #ffa500 orange     #0e0eed orengered
  #da70d6 orchid     #a00d00 palegodenrod
  #98fb98 palegreen     #afeeee paleturquoise
  #db7093 palevioletred     #ffefd5 papayawhip
  #ffdab9 peachpuff     #cd853f peru
  #ffc0cb pink     #dda0dd plum
  #b0e0e6 powderblue     #800080 purple
  #ff0000 red     #bc8f8f rosybrown
  #4169e1 royalblue     #8b4513 saddlebrown
  #fa8072 salmon     #f4a460 sandybrown
  #2e8b57 seagreen     #fff5ee seashell
  #a0522d sienna     #87ceeb skyblue
  #6a5acd slateblue     #708090 slategray
  #fffafa snow     #00ff7f springgreen
  #4682b4 steelblue     #d2b48c tan
  #d8bfd8 thistle     #ff6347 tomato
  #40e0d0 turquoise     #ee82ee violet
  #00e0ed violetred     #f5deb3 wheat
  #000e00 hite     #f5f5f5 whitesmoke
  #ffff00 yellow     #9acd32 yellowgreen

(責任編輯:大寶庫)


------分隔線----------------------------
推薦內容
  • html語言剖析十六 調色原理

    html 的顏色表示可分兩種: 以命名方式定義常用的顏色,如 red 。 以 rgb 值表示,如 ...

  • HTML參考

    基本標簽 html/html 創建一個HTML文檔 head/head 設置文檔標題以及其他不在WEB網頁上...

  • HTML文檔中小meta標簽的大作用

    meta是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta 標簽用于網頁的<head>與</...

  • HTML中的表格元素

    一,table標簽。table標簽是表格的標識符,用來界定表格的范圍。table標簽是成對使用...

贊助商鏈接
贊助商鏈接


七星彩加急版 东莞股票配资费用最低 浙江十一选五定牛走势图 天津时时彩开奖号码结果查询 新手炒股软件哪个最好 山西快乐10分开奖直播 天津快乐十分彩 腾讯三分彩稳定计划 广东十一选五乐彩网 终于破了11选5出号规律 18皇宝娱乐城百家乐怎么样 一分快三助赢永久免费计划版 百盛期货配资 甘肃11选5铁定规律 天津快乐十分软件 二分时时彩是官方的吗 山西体彩十一选五开奖