調色原理

調色原理:
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     #008000green
  #808000olive     #008080teal
  #0000FF blue     #00FF00 lime
  #800080 purple    #FFFF00 yellow
  #FF00FF fuchsia    #800000 maroon
  #FF0000 red     #FFFFFFwhite
其它常用顏色表:
Color Value Name   ColorValue Name
  #F0F8FF aliceblue    #A00000 antiquewith
  #7FFFD4 aquamarine    #F0FFFF azure
  #F5F5DC beige    #FFE4C4 bisque
  #000000 black    #FFEBCD blanchedalmond
  #0000FFblue     #8A2BE2 blueviolet
  #A52A2A brown    #DEB887 burlywood
  #5F9EA0 cadetblue     #7FFF00 chartreuse
  #D2691E chocolate     #FF7F50 coral
 #C0F000cornfloewrblue     #FFF8DC cornsilk
  #00FFFF cyan     #00008B darkblue
  #008B8B darkcyan     #B8860B darkgoldenrod
  #A9A9A9 darkgray     #006400 darkgreen
  #DA0000darkhaki     #8B008B darkmagenta
  #556B2F darkolivegreen     #DA000Edarkorenge
  #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
  #00000Egostwhite     #FFD700 gold
  #00E00Dgolenrod     #808080gray
  #008000 green    #ADFF2F greenyellow
  #F0FFF0 honeydew    #FF69B4 hotpink
 #CD5C5C indianred     #FFFFF0ivory
  #F0E68C khaki     #E6E6FA lavender
  #FFF0F5lavenderblush     #7CFC00 lawngreen
  #FFFACD lemonchiffon     #ADD8E6 lightblue
  #F08080 lightcoral     #E0FFFF lightcyan
  #0000E0 lightgodenrod    #0000E0 lightgodenrodyellow
 #0000A0 lightgray     #90EE90 lightgreen
 #FFB6C1 lightpink     #FFA07A lightsalmon
 #20B2AA lightseagreen     #87CEFAlightskyblue
  #0000EB lightslateblue    #778899 lightslategray
  #B0C4DE lightsteelblue    #FFFFE0 lightyellow
  #32CD32 limegreen    #FAF0E6 linen
  #FF00FFmagenta     #800000 maroon
  #66CDAAmediumaquamarine     #0000CD mediumblue
 #BA55D3 mediumorchid     #ED0000mediumpurpul
  #3CB371 mediumseagreen    #7B68EE mediumslateblue
  #00FA9A mediumspringgreen     #48D1CC mediumturquoise
  #C71585 mediumvioletred    #191970 midnightblue
  #F5FFFAmintcream     #FFE4E1mistyrose
  #FFE4B5 moccasin     #FFDEAD navajowhite
  #000080 navy    #A0B0E0 navyblue
  #FDF5E6oldlace     #6B8E23 olivedrab
 #FFA500 orange     #0E0EED orengered
  #DA70D6orchid     #A00D00 palegodenrod
  #98FB98 palegreen     #AFEEEE paleturquoise
 #DB7093 palevioletred     #FFEFD5 papayawhip
  #FFDAB9 peachpuff    #CD853F peru
  #FFC0CB pink     #DDA0DDplum
  #B0E0E6 powderblue    #800080purple
  #FF0000 red    #BC8F8F rosybrown
 #4169E1 royalblue     #8B4513saddlebrown
  #FA8072 salmon    #F4A460 sandybrown
  #2E8B57 seagreen    #FFF5EE seashell
  #A0522Dsienna     #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

CopyRight © 2001 All Rights Reserved