HTML彻底剖析(15)调色原理


■ 调色原理

  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
时间: 2024-09-19 10:51:02

HTML彻底剖析(15)调色原理的相关文章

Photoshop详细详细解析色彩模式和调色原理

  本教程主要使用Photoshop详细详细解析色彩模式和调色原理,主要通过以下五个方面来解读,喜欢的朋友一起来学习吧. 1.漫谈色彩模式 2.LAB调色的优势 3.深入了解LAB通道 4.调整命令高手和酱油 5.初识LAB曲线命令 分类: PS入门教程

全面剖析Redis Cluster原理和应用 (good)

redis redis cluster注意的问题 : 1.'cluster-require-full-coverage'参数的设置.该参数是redis配置文件中cluster模式的一个参数,从字面上基本就能看出它的作用:需要全部覆盖! 具体点是redis cluster需要16384个slot都正常的时候才能对外提供服务,换句话说,只要任何一个slot异常那么整个cluster不对外提供服务. redis默认是'yes',即需要全覆盖!建议设置成'no'. 2.阻塞命令产生failover.由于

预防ASP木马入侵,剖析ASP木马原理

asp木马 * 要想入侵,就要将asp木马上传到目标空间,这点很重要! * 那么入侵者如何上传asp木马呢?  鉴于大部分网站入侵都是利用asp木马完成的,特写此文章以使普通虚拟主机用户能更好地了解.防范asp木马.也只有空间商和虚拟主机用户共同做好防范措施才可以有效防范asp木马! 一.什么是asp木马? 它其实就是用asp编写的网站程序,甚至有些asp木马就是由asp网站管理程序修改而来的. 它和其他asp程序没有本质区别,只要是能运行asp的空间就能运行它,这种性质使得asp木马非常不易被

深入剖析 iLBC 编码器原理

早在2005年就听说iLBC编解码算法,主要是应用在VOIP 的speech codec,但是一直没有深入研究算法原理,碰巧近期有一些时间可以学习一下它相比基于CELP模型的speech codec的优势.这套代码是浮点的,听朋友说要是转成定点代码会比较有用,只是可能需要的时间会多一点.如果想了解iLBC的一般介绍,如编码速率.应用等,可以参考前面的文章<iLBC编解码相关知识> ,下面主要是我的一些学习笔记,仅供大家参考.    一.算法整体流程           输入的语音逐帧进行预处理

剖析蜘蛛工作原理制定对策

摘要: 网站的收录比例往往是很多优化人员极其重视的一个指标之一,网站的收录好坏,从根本上能够决定网站的流量多少,毕竟有收录才会有排名,有排名才可能会有流量.但是网站收录是 网站的收录比例往往是很多优化人员极其重视的一个指标之一,网站的收录好坏,从根本上能够决定网站的流量多少,毕竟有收录才会有排名,有排名才可能会有流量.但是网站收录是一个困扰许多站长的难题,很多站长拼命努力做站,却发现蜘蛛并不青睐自己的网站,收录数量也寥寥无几. 当站长们苦恼网站为何不被收录时,应该去想想,究竟是谁在决定网站的收录

精彩基础入门教程彻底剖析HTML

教程|入门教程 1.HTML彻底剖析(1)一般概念 (2005-05-03) 2.HTML彻底剖析(2)标记一览 (2005-05-03) 3.HTML彻底剖析(3)文件标记 (2005-05-03) 4.HTML彻底剖析(4)排版标记 (2005-05-03) 5.HTML彻底剖析(5)字体标记 (2005-05-03) 6.HTML彻底剖析(6)清单标记 (2005-05-03) 7.HTML彻底剖析(7)表格标记 (2005-05-03) 8.HTML彻底剖析(8)图形标记 (2005-0

HTML彻底剖析(5)字体标记

■ 字体标记 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> <H1> <H2> <

HTML彻底剖析(4)排版标记

■ 排版标记 <!--注解-->:<P>:<BR>:<HR>:<CENTER>:<PRE>:<DIV>:<NOBR>:<WBR>: 欲明白本篇[HTML彻底剖析]之标记分类,请看 [标记一览]. 也请先明白围堵标记与空标记的分别,请看 [HTML概念].   ■ <!--注解-->: ▲Top 用法: 用来插入一些在浏览器中不显示的注释和解释性语言开始/结束标识: 必须/必须属性: 没有

HTML彻底剖析(3)文件标记

■ 文件标记 <HTML>:<HEAD>:<TITLE>:<BODY> 欲明白本篇[HTML彻底剖析]之标记分类,请看 [标记一览]. 也请先明白围堵标记与空标记的分别,请看 [HTML概念].   ■ HTML 基本架构: 以下 HTML Source Code 便是一份 HTML 文件的基本架构: <HTML> <HEAD> <TITLE> 网页的标题 </TITLE> </HEAD> <