當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

HTML語言剖析(15)調色原理

HTML語言剖析(15)調色原理

更新時間:2020-11-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

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 常用顏色表:
ColorValueName ColorValueName
 #00FFFFaqua  #808080gray
 #000080navy  #C0C0C0silver
 #000000black  #008000green
 #808000olive  #008080teal
 #0000FFblue  #00FF00lime
 #800080purple  #FFFF00yellow
 #FF00FFfuchsia  #800000maroon
 #FF0000red  #FFFFFFwhite
■ 其它常用顏色表:
ColorValueName ColorValueName
 #F0F8FFaliceblue  #A00000antiquewith
 #7FFFD4aquamarine  #F0FFFFazure
 #F5F5DCbeige  #FFE4C4bisque
 #000000black  #FFEBCDblanchedalmond
 #0000FFblue  #8A2BE2blueviolet
 #A52A2Abrown  #DEB887burlywood
 #5F9EA0cadetblue  #7FFF00chartreuse
 #D2691Echocolate  #FF7F50coral
 #C0F000cornfloewrblue  #FFF8DCcornsilk
 #00FFFFcyan  #00008Bdarkblue
 #008B8Bdarkcyan  #B8860Bdarkgoldenrod
 #A9A9A9darkgray  #006400darkgreen
 #DA0000darkhaki  #8B008Bdarkmagenta
 #556B2Fdarkolivegreen  #DA000Edarkorenge
 #9932CCdarkorchid  #8B0000darkred
 #E9967Adarksalmon  #8FBC8Fdarkseagreen
 #483D8Bdarkslateblue  #2F4F4Fdarkslategray
 #00CED1darkturquoise  #9400D3darkviolet
 #FF1493deeppink  #00BFFFdeepskyblue
 #696969dimgray  #1E90FFdodgerblue
 #B22222firebrick  #FFFAF0floralwhite
 #228B22forestgreen  #DCDCDCgainsboro
 #00000Egostwhite  #FFD700gold
 #00E00Dgolenrod  #808080gray
 #008000green  #ADFF2Fgreenyellow
 #F0FFF0honeydew  #FF69B4hotpink
 #CD5C5Cindianred  #FFFFF0ivory
 #F0E68Ckhaki  #E6E6FAlavender
 #FFF0F5lavenderblush  #7CFC00lawngreen
 #FFFACDlemonchiffon  #ADD8E6lightblue
 #F08080lightcoral  #E0FFFFlightcyan
 #0000E0lightgodenrod  #0000E0lightgodenrodyellow
 #0000A0lightgray  #90EE90lightgreen
 #FFB6C1lightpink  #FFA07Alightsalmon
 #20B2AAlightseagreen  #87CEFAlightskyblue
 #0000EBlightslateblue  #778899lightslategray
 #B0C4DElightsteelblue  #FFFFE0lightyellow
 #32CD32limegreen  #FAF0E6linen
 #FF00FFmagenta  #800000maroon
 #66CDAAmediumaquamarine  #0000CDmediumblue
 #BA55D3mediumorchid  #ED0000mediumpurpul
 #3CB371mediumseagreen  #7B68EEmediumslateblue
 #00FA9Amediumspringgreen  #48D1CCmediumturquoise
 #C71585mediumvioletred  #191970midnightblue
 #F5FFFAmintcream  #FFE4E1mistyrose
 #FFE4B5moccasin  #FFDEADnavajowhite
 #000080navy  #A0B0E0navyblue
 #FDF5E6oldlace  #6B8E23olivedrab
 #FFA500orange  #0E0EEDorengered
 #DA70D6orchid  #A00D00palegodenrod
 #98FB98palegreen  #AFEEEEpaleturquoise
 #DB7093palevioletred  #FFEFD5papayawhip
 #FFDAB9peachpuff  #CD853Fperu
 #FFC0CBpink  #DDA0DDplum
 #B0E0E6powderblue  #800080purple
 #FF0000red  #BC8F8Frosybrown
 #4169E1royalblue  #8B4513saddlebrown
 #FA8072salmon  #F4A460sandybrown
 #2E8B57seagreen  #FFF5EEseashell
 #A0522Dsienna  #87CEEBskyblue
 #6A5ACDslateblue  #708090slategray
 #FFFAFAsnow  #00FF7Fspringgreen
 #4682B4steelblue  #D2B48Ctan
 #D8BFD8thistle  #FF6347tomato
 #40E0D0turquoise  #EE82EEviolet
 #00E0EDvioletred  #F5DEB3wheat
 #000E00hite  #F5F5F5whitesmoke
 #FFFF00yellow  #9ACD32yellowgreen
大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品