HTML語言剖析(十五)調色原理

 
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
發佈了11 篇原創文章 · 獲贊 5 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章