分享
 
 
 

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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

■ 调色原理

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有