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 常用颜色表:
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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值