HTML语言剖析（十五）调色原理

最新推荐文章于 2024-10-29 10:05:18 发布

转载最新推荐文章于 2024-10-29 10:05:18 发布 · 539 阅读

文章标签：

#html #语言 #internet #测试 #c #deb

HTML 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了HTML中颜色的两种表示方法：命名方式与RGB值。详细解释了RGB值的原理及如何通过不同数值组合来表示上千种颜色，并提供了16种常用颜色及更多额外颜色的RGB值。

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