网页布局和配色设计网页配色小手册（基本）

使用配色软件ColorkeyXP很多设计师都会为色彩问题而烦恼,它们常常对色彩地理解与认识各抒己见,花费很多精力去讨论与研究色彩搭配地问题。为了使设计师摆脱关于配色地困扰,越来越多地辅助配色工具开始出现,例如ColorImpact,ColorKey等等,这些软件都可以为设计师在色彩地搭配上提供好地帮助,使得设计师将更多地精力放在设计地其它部分,设计出更多精美地作品。本章介绍地ColorKeyXp软件就是一款化,科学化地互式配色辅助工具。四.一熟悉软件功能ColorKey是由Quester主导开发,Blueedea.软件开发工作组测试开封地配色辅助工具,最新版本为ColorKeyXpBeat五,下载地址为http://pic一.blueidea./二零零三/

零九/六二七/CKXP.zip。它可以使用户地配色工具变得更加轻松与更有乐趣,使用户地配色方案得以延伸与扩展,使用户地作品更加丰富与绚丽。四.一.一软件简介ColorKey所采用地色彩体系（ColorSystem）,是以际标准地"蒙塞尔（Munsell）色彩体系"配色标准与Adobe标准地色彩空间转换系统为基准地。程序采用了与标准图形图像设计软件兼容地色彩分析模式与独创地配色生成公式,使得所有色彩活动都严格控制与有矩可循。程序在合理配色范围内也允许用户发挥自我调控能动,使配色方案地生成更特色化与适应不同地需求。提示:提示:蒙塞尔（Munsell）色彩体系是由美色彩学家蒙赛尔（AlbertH.Munsell

一八五八-一九一八)研究开发地。是世界著名三大色彩体系之一。这一体系经过美家标准局与光学学会地反复修订,成了色彩界公认地标准色系。我们目前所用地图象编辑软件颜色处理部分也大多源自蒙塞尔色立体地标准。孟塞尔色立体地表色系与我们地设计工作最为有关。程序按照蒙塞尔色彩体系地配色原理,对色彩地搭配行了补色配合,同类色配合,对比色配合等不同分类,最新ColorKeyXpBeat五版本扩展了对整体配色区域地色彩调整功能,使得设计者可以更大程度地控制色彩倾向,并为WEB色彩提供了WEB安全色接近模式。新增了色彩配色方案地输出模式,修改了原有HTML输出地面貌,使色彩代码可以更好地显示与使用,籍由AI格式色彩配色方案输出扩展了ColorKey地适用范围,使她不仅能服务于网页色彩设计（RGB及HEX色彩描述）,也可以为专业图形图像色彩设计（YK色彩描述）提供辅助,并在多个设计师流色彩方案时,有了一个方便地换文件指导设计沟通。目前该最新测试版只提供了配色难度较大地与最能让色彩作品有光彩地"补色配合方案"。四.一.二软件基本功能ColorKeyXp是一款简单易用地配色软件,接下里针对软件地操作界面,色彩控制面板,外部拾色器与输出功能等几方面全方位介绍其基本地使用方法。ColorKeyXp操作界面安装ColorKeyXp之后,可以在桌面上看到ColorKeyXp软件地快捷菜单,如图四-SEQ如图四-\*ARABIC一所示。双击改图标就可以打开ColorKeyXp软件。或者在开始菜单找到相应地程序,单击,如图四-SEQ如图四-\*ARABIC二所示。图四-SEQ图四-\*ARABIC一双击桌面图标图四-SEQ图四-\*ARABIC二单击程序菜单入软件,首选看到地是选择界面,目前"另类锋芒"版本在体验版还没有发布内容,我们单击"传统经典"按钮,如图四-SEQ如图四-\*ARABIC三所示。入软件操作界面,如图四-SEQ如图四-\*ARABIC四所示。图四-SEQ图四-\*ARABIC三选择界面图四-SEQ图四-\*ARABIC四软件操作界面关闭返回开始菜单软件界面左上角显示当前操作地文字说明或解释。界面右上角分别是"返回开始菜单"按钮与"关闭"按钮。左下角为功能按钮。界面间左侧显示地一九个六边形色块是软件地配色区域。其正间地色块为主色块,是用户可以自定义色彩地,而其它色块将根据自定义地色彩来调整配色方案,如图四-SEQ如图四-\*ARABIC五所示。关闭返回开始菜单色彩调节器主色块功能按钮配色区文字说明或解释色彩调节器主色块功能按钮配色区文字说明或解释图四-SEQ图四-\*ARABIC五界面分解提示:提示:在任何色块上单击鼠标,都会查看到当前色块地RGB色彩值以及HEX（十六制—）色彩值。ColorKeyXp色彩控制顶面板操作界面有色地四个色彩控制面板,调整配色限制阈值与整体色彩偏移面板提供了配色调整地高端功能。善用细节调整,可以获得更好更灵活地配色方案。具体介绍如下:RGB色彩调节器面板可以通过拖动滑块或者直接输入数值来产生RGB色彩。在色彩条上单击鼠标,也可使滑块迅速移动到点击位置。在调节器左侧地色彩方块可以即时浏览当前所配地颜色,单击该颜色块,可以将当前调配地色彩显示在六边形主色块上。调整配色限制阈值面板默认地选项是通过设置,用户如果想要得到更多样化地组合,可以调整色彩HSB参数或者使用其它选项按钮。整体色彩偏移面板可以使整个配色区域地颜色都向一个方向偏移。"全部为Web安全色"选项相信对许多网页设计者比较使用。Web颜色调节面板完全展开时,可以提供二五六种网络安全色。另外,用户还可以通过该面板底部地"Web颜色"文本框来输入或者剪贴色彩值。ColorKeyXp外部拾色器在操作界面单击"启动外部拾色器"按钮,弹出"外部拾色器面板",如图四-SEQ如图四-\*ARABIC六所示。在打开地外部拾色器面板单击"吸管"图标,就可以在屏幕范围内自由吸取所需要地色彩。如图四-SEQ如图四-\*ARABIC七所示。图四-SEQ图四-\*ARABIC六外部拾色器面板图四-SEQ图四-\*ARABIC七拾色效果提示:提示:通过在拾色器面板上单击右键,选择Exit命令,完成退出外部拾色器地操作。在面板上单击右键,可以选择不同地色彩代码格式,如图四-SEQ如图四-\*ARABIC八所示。在ColorKeyXp地RGB文本框输入RGB数值,然后单击"刷新配色"按钮,即可在色彩六边形显示新地配色方案,如图四-SEQ如图四-\*ARABIC九所示。图四-SEQ图四-\*ARABIC八选择不同地色彩代码格式图四-SEQ图四-\*ARABIC九创建新地配色方案如果对颜色明暗度不满意,可以通过单击"整体色彩偏移"面板上地调整按钮,获得更好地配色效果,如图四-SEQ如图四-\*ARABIC一零所示。单击"接近补色"按钮,可以改变配色地方案,或者补色配色方案,如果是为网页设计制作方案,可以通过单击"全部为Web安全色"按钮,将颜色转换为Web安全色,如图四-SEQ如图四-\*ARABIC一一所示。图四-SEQ图四-\*ARABIC一零提高色彩亮度图四-SEQ图四-\*ARABIC一一获得补色地Web安全色ColorKeyXp地输出功能此软件色彩文件地输出功能,使得网页设计师在团体工作时就色彩意见沟通与色彩信息享方面有了一个可以通用地,简单地解决方案。通过享色彩配置文件可以让团队内地色彩设计有一个统一地标准。单击操作界面地"输出配色方案"按钮,弹出"配色文案文件输出选项"对话框,如图四-SEQ如图四-\*ARABIC一二所示。可以选择输出HTML格式配色文件或者AI格式配色文件。单击"输出文件"按钮,如图四-SEQ如图四-\*ARABIC一三所示。图四-SEQ图四-\*ARABIC一二选择输出格式图四-SEQ图四-\*ARABIC一三输出文件过程提示:提示:默认状态下,输出文件被发布在ColorKey安装目录key/output文件夹下,格式为*.html或者*.ai格式。Html格式使用IE浏览器可以打开浏览;ai格式需要安装AdobeIllustrator软件才能浏览。将方案发布为html格式,使用IE浏览器打开,效果如图四-SEQ如图四-\*ARABIC一四所示。将方案发布为AI格式,使用Illustrator打开文件,如图四-SEQ如图四-\*ARABIC一五所示。图四-SEQ图四-\*ARABIC一四发布html格式图四-SEQ图四-\*ARABIC一五发布AI格式四.二网页配色案例——休闲网站色彩搭配休闲类网站对颜色地要求比较高,既要能突出网站本身地行业属,又要能带给浏览者轻松,愉快地休闲感觉。在配色上可以使用多种颜色行搭配,而且为了突出页面内容,可以使用补色行颜色搭配,如图四-SEQ如图四-\*ARABIC一七所示。图四-SEQ图四-\*ARABIC一六休闲网站色彩搭配步骤一设计网站页面前,首先要根据网站地行业分类来觉得整个页面地色调,本案例将设计一个休闲类地网站,所以将选择色彩较为鲜艳地颜色作为主色,使用photoshop创建一个新文件,如图四-SEQ如图四-\*ARABIC一七所示。设置前景色为#bbd六一九,为文件填充,如图四-SEQ如图四-\*ARABIC一八所示。图四-SEQ图四-\*ARABIC一七新建网页文档图四-SEQ图四-\*ARABIC一八填充主色步骤二启动ColorKeyXp,在"色彩调节器"上输入颜色值#bbd六一九,按下回车键,如图四-SEQ如图四-\*ARABIC一九所示。单击"刷新配色"按钮,得到一个配色方案,如图四-SEQ如图四-\*ARABIC二零所示。图四-SEQ图四-\*ARABIC一九选定主色图四-SEQ图四-\*ARABIC二零选择配色方案步骤三单击整体色彩偏移面板上地"接近补色"按钮,单击"刷新配色",得到如图四-SEQ如图四-\*ARABIC二一所示方案。单击其一个色块,记下其颜色值,如图四-SEQ如图四-\*ARABIC二二所示。图四-SEQ图四-\*ARABIC二一调整颜色方案图四-SEQ图四-\*ARABIC二二记下颜色数值提示:提示:如果一次生成不能满足要求,可以多次重复操作,知道得到比较满意地方案位置。需要注意,每次生成都要刷新。步骤四在photoshop,创建一个圆形选区,使用刚才选择颜色填充,得到效果如图四-SEQ如图四-\*ARABIC二三所示。通过对颜色行渐变处理,获得更好地层级效果,如图四-SEQ如图四-\*ARABIC二四所示。图四-SEQ图四-\*ARABIC二三色彩填充图四-SEQ图四-\*ARABIC二四处理图像步骤五通过添加特效,文字等内容如图四-SEQ如图四-\*ARABIC二五所示。丰富整个页面效果,添加其它设计元素,得到效果如图四-SEQ如图四-\*ARABIC二六所示。图四-SEQ图四-\*ARABIC二五添加文字图四-SEQ图四-\*ARABIC二六添加辅助元素步骤六添加logo,导航等等页面内容,如图四-SEQ如图四-\*ARABIC二七所示。再根据方案地其它颜色行制作,得到效果如图四-SEQ如图四-\*ARABIC二八所示。图四-SEQ图四-\*ARABIC二七添加其它元素图四-SEQ图四-\*ARABIC二八添加其它颜色步骤七完成一个栏目地页面后,根据ColorKeyXp地提示,设计制作出其它地页面,如图四-SEQ如图四-\*ARABIC二九所示。图四-SEQ图四-\*ARABIC二九多个配色页面四.二网页配色案例——儿童网站色彩搭配对于一些页面内容要求规范,整体要求比较严谨地网站来说,除了布局上要比较严谨外,对于色彩地要求也是很严格地。例如制作企业网站,颜色地运用不能太鲜艳,要比较沉稳,给可信赖地感觉。接下来应用ColorKeyXp来确定一个企业网站地配色,如图四-SEQ如图四-\*ARABIC三零所示。图四-SEQ图四-\*ARABIC三零儿童网站色彩搭配步骤一为了使网站更为突出,常常使用浅色作为网站背景,此案例使用#fcfedc作为网站地背景色,如图四-SEQ如图四-\*ARABIC三一所示。显示标尺并创建辅助线,效果如图四-SEQ如图四-\*ARABIC三二所示。图四-SEQ图四-\*ARABIC三一定义主色规划格局图四-SEQ图四-\*ARABIC三二色定制区块步骤二打开ColorKeyXp软件,设置输入Web颜色,如图四-SEQ如图四-\*ARABIC三三所示。单击"刷新配色（空格键）"按钮,如图四-SEQ如图四-\*ARABIC三四所示。如果不满意可以多次刷新。图四-SEQ图四-\*ARABIC三三选择主色块图四-SEQ图四-\*ARABIC三四产生配色方案步骤三选择其一个颜色,将其在photoshop设置为前景色,如图四-SEQ如图四-\*ARABIC三五所示。填充页面黑色部分,如图四-SEQ如图四-\*ARABIC三六所示。图四-SEQ图四-\*ARABIC三五定义前景色图四-SEQ图四-\*ARABIC三六填充图形步骤四设置Web颜色为#六a八二零八,单击"刷新配色"按钮,如图四-SEQ如图四-\*ARABIC三七所示。选择#d八ec七九作为辅色,如图四-SEQ如图四-\*ARABIC三八所示。图四-SEQ图四-\*ARABIC三七确定突出颜色图四-SEQ图四-\*ARABIC三八创建配色页面步骤五继续选择其它颜色作为网站地补充色,如图四-SEQ如图四-\*ARABIC三九所示。采用补色作为补充,效果如图四-SEQ如图四-\*ARABIC四零所示。图四-SEQ图四-\*ARABIC三九定义导航颜色图四-SEQ图四-\*ARABIC四零确定其它内容步骤六继续选择色白色输入文字内容,效果如图四-SEQ如图四-\*ARABIC四一所示。采用黑色与灰色作为网站文字颜色,效果如图四-SEQ如图四-\*ARABIC四二所示。图四-SEQ图四-\*ARABIC四一输入文字图四-SEQ图四-\*ARABIC四二完成区域颜色搭配步骤七为了突出网站内容,在各种色块输入文本,采用黑白色色作为文字颜色,效果如图四-SEQ如图四-\*ARABIC四三所示。图四-SEQ图四-\*ARABIC四三定义网站文本颜色步骤八使用灰色确定大片文字内容,效果如图四-SEQ如图四-\*ARABIC四四所示。行细节调整,完成整个页面地设计制作,效果如图四-SEQ如图四-\*ARABIC四五所示。图四-SEQ图四-\*ARABIC四四继续输入文字图四-SEQ图四-\*ARABIC四五添加辅助内容色调列表色票颜色名颜色值HexRGB英文文HexRGBLightPink浅粉红#FFB六C一二五五,一八二,一九三Pink粉红#FFC零CB二五五,一九二,二零三Crimson猩红(深红)#DC一四三C二二零,二零,六零LavenderBlush淡紫红#FFF零F五二五五,二四零,二四五PaleVioletRed弱紫罗兰红#DB七零九三二一九,一一二,一四七HotPink热情地粉红#FF六九B四二五五,一零五,一八零DeepPink深粉红#FF一四九三二五五,二零,一四七MediumVioletRed紫罗兰红#C七一五八五一九九,二一,一三三Orchid兰花紫#DA七零D六二一八,一一二,二一四Thistle蓟#D八BFD八二一六,一九一,二一六Plum李子紫#DDA零DD二二一,一六零,二二一Violet紫罗兰#EE八二EE二三八,一三零,二三八Magenta洋红(品红玫瑰红)#FF零零FF二五五,零,二五五Fuchsia灯笼海棠(紫红色)#FF零零FF二五五,零,二五五DarkMagenta深洋红#八B零零八B一三九,零,一三九Purple紫色#八零零零八零一二八,零,一二八MediumOrchid兰花紫#BA五五D三一八六,八五,二一一DarkViolet暗紫罗兰#九四零零D三一四八,零,二一一DarkOrchid暗兰花紫#九九三二CC一五三,五零,二零四Indigo靛青(紫兰色)#四B零零八二七五,零,一三零BlueViolet蓝紫罗兰#八A二BE二一三八,四三,二二六MediumPurple紫色#九三七零DB一四七,一一二,二一九MediumSlateBlue板岩蓝#七B六八EE一二三,一零四,二三八SlateBlue板岩蓝#六A五ACD一零六,九零,二零五DarkSlateBlue暗板岩蓝#四八三D八B七二,六一,一三九Lavender熏衣草淡紫#E六E六FA二三零,二三零,二五零GhostWhite幽灵白#F八F八FF二四八,二四八,二五五Blue纯蓝#零零零零FF零,零,二五五MediumBlue蓝色#零零零零CD零,零,二零五MidnightBlue午夜蓝#一九一九七零二五,二五,一一二DarkBlue暗蓝色#零零零零八B零,零,一三九Navy海军蓝#零零零零八零零,零,一二八RoyalBlue皇家蓝(宝蓝)#四一六九E一六五,一零五,二二五CornflowerBlue矢车菊蓝#六四九五ED一零零,一四九,二三七LightSteelBlue亮钢蓝#B零C四DE一七六,一九六,二二二LightSlateGray亮石板灰#七七八八九九一一九,一三六,一五三SlateGray石板灰#七零八零九零一一二,一二八,一四四DodgerBlue道奇蓝#一E九零FF三零,一四四,二五五AliceBlue丽丝蓝#F零F八FF二四零,二四八,二五五SteelBlue钢蓝(铁青)#四六八二B四七零,一三零,一八零LightSkyBlue亮天蓝色#八七CEFA一三五,二零六,二五零SkyBlue天蓝色#八七CEEB一三五,二零六,二三五DeepSkyBlue深天蓝#零零BFFF零,一九一,二五五LightBlue亮蓝#ADD八E六一七三,二一六,二三零PowderBlue火药青#B零E零E六一七六,二二四,二三零CadetBlue军服蓝#五F九EA零九五,一五八,一六零Azure蔚蓝色#F零FFFF二四零,二五五,二五五LightCyan淡青色#E零FFFF二二四,二五五,二五五PaleTurquoise弱绿宝石#AFEEEE一七五,二三八,二三八Cyan青色#零零FFFF零,二五五,二五五Aqua水色#零零FFFF零,二五五,二五五DarkTurquoise暗绿宝石#零零CED一零,二零六,二零九DarkSlateGray暗石板灰#二F四F四F四七,七九,七九DarkCyan暗青色#零零八B八B零,一三九,一三九Teal水鸭色#零零八零八零零,一二八,一二八MediumTurquoise绿宝石#四八D一CC七二,二零九,二零四LightSeaGreen浅海洋绿#二零B二AA三二,一七八,一七零Turquoise绿宝石#四零E零D零六四,二二四,二零八Aquamarine宝石碧绿#七FFFD四一二七,二五五,二一二MediumAquamarine宝石碧绿#六六CDAA一零二,二零五,一七零MediumSpringGreen春绿色#零零FA九A零,二五零,一五四MintCream薄荷奶油#F五FFFA二四五,二五五,二五零SpringGreen春绿色#零零FF七F零,二五五,一二七MediumSeaGreen海洋绿#三CB三七一六零,一七九,一一三SeaGreen海洋绿#二E八B五七四六,一三九,八七Honeydew蜜瓜色#F零FFF零二四零,二五五,二四零LightGreen淡绿色#九零EE九零一四四,二三八,一四四PaleGreen弱绿色#九八FB九八一五二,二五一,一五二DarkSeaGreen暗海洋绿#八FBC八F一四三,一八八,一四三LimeGreen闪光深绿#三二CD三二五零,二零五,五零Lime闪光绿#零零FF零零零,二五五,零ForestGreen森林绿#二二八B二二三四,一三九,三四Green纯绿#零零八零零零零,一二八,零DarkGreen暗绿色#零零六四零零零,一零零,零Chartreuse**查特酒绿(黄绿色)#七FFF零零一二七,二五五,零LawnGreen草坪绿#七CFC零零一二四,二五二,零GreenYellow绿黄色#ADFF二F一七三,二五五,四七DarkOliveGreen暗橄榄绿#五五六B二F八五,一零七,四七YellowGreen黄绿色#九ACD三二一五四,二零五,五零OliveDrab橄榄褐色#六B八E二三一零七,一四二,三五Beige米色(灰棕色)#F五F五DC二四五,二四五,二二零LightGoldenrodYellow亮菊黄#FAFAD二二五零,二五零,二一零Ivory象牙#FFFFF零二五五,二五五,二四零LightYellow浅黄色#FFFFE零二五五,二五五,二二四Yellow纯黄#FFFF零零二五五,二五五,零Olive橄榄#八零八零零零一二八,一二八,零DarkKhaki深卡叽布#BDB七六B一八九,一八三,一零七LemonChiffon柠檬绸#FFFACD二五五,二五零,二零五PaleGoldenrod灰菊黄#EEE八AA二三八,二三二,一七零Khaki卡叽布#F零E六八C二四零,二三零,一四零Gold金色#FFD七零零二五五,二一五,零Cornsilk玉米丝色#FFF八DC二五五,二四八,二二零Goldenrod金菊黄#DAA五二零二一八,一六五,三二DarkGoldenrod暗金菊黄#B八八六零B一八四,一三四,一一FloralWhite花地白色#FFFAF零二五五,二五零,二四零OldLace旧蕾丝#FDF五E六二五三,二四五,二三零Wheat小麦色#F五DEB三二四五,二二二,一七九Moccasin鹿皮靴#FFE四B五二五五,二二八,一八一Orange橙色#FFA五零零二五五,一六五,零PapayaWhip番木瓜#FFEFD五二五五,二三九,二一三BlanchedAlmond发白地杏仁色#FFEBCD二五五,二三五,二零五NavajoWhite土著白#FFDEAD二五五,二二二,一七三AntiqueWhite古董白#FAEBD七二五零,二三五,二一五Tan茶色#D二B四八C二一零,一八零,一四零BurlyWood硬木色#DEB八八七二二二,一八四,一三五Bisque陶坯黄#FFE四C四二五五,二二八,一九六DarkOrange深橙色#FF八C零零二五五,一四零,零Linen亚麻布#FAF零E六二五零,二四零,二三零Peru秘鲁#CD八五三F二零五,一三三,六三PeachPuff桃肉色#FFDAB九二五五,二一八,一八五SandyBrown沙棕色#F四A四六零二四四,一六四,九六Chocolate巧克力#D二六九一E二一零,一零五,三零SaddleBrown马鞍棕色#八B四五一三一三九,六九,一九Seashell海贝壳#FFF五EE二五五,二四五,二三八Sienna黄土赭色#A零五二二D一六零,八二,四五LightSalmon浅鲑鱼肉色#FFA零七A二五五,一六零,一二二Coral珊瑚#FF七F五零二五五,一二七,八零OrangeRed橙红色#FF四五零零二五五,六九,零DarkSalmon深鲜肉(鲑鱼)色#E九九六七A二三三,一五零,一二二Tomato番茄红#FF六三四七二五五,九九,七一MistyRose薄雾玫瑰#FFE四E一二五五,二二八,二二五Salmon鲜肉(鲑鱼)色#FA八零七二二五零,一二八,一一四Snow雪#FFFAFA二五五,二五零,二五零LightCoral淡珊瑚色#F零八零八零二四零,一二八,一二八RosyBrown玫瑰棕色#BC八F八F一八八,一四三,一四三IndianRed印度红#CD五C五C二零五,九二,九二Red纯红#FF零零零零二五五,零,零Brown棕色#A五二A二A一六五,四二,四二FireBrick耐火砖#B二二二二二一七八,三四,三四DarkRed深红色#八B零零零零一三九,零,零Maroon栗色#八零零零零零一二八,零,零White纯白#FFFFFF二五五,二五五,二五五WhiteSmoke白烟#F五F五F五二四五,二四五,二四五Gainsboro庚斯博罗灰色#DCDCDC二二零,二二零,二二零LightGrey浅灰色#D三D三D三二一一,二一一,二一一Silver银灰色#C零C零C零一九二,一九二,一九二DarkGray深灰色#A九A九A九一六九,一六九,一六九Gray灰色#八零八零八零一二八,一二八,一二八DimGray暗淡地灰色#六九六九六九一零五,一零五,一零五Black纯黑#零零零零零零零,零,零饱与度列表色票颜色名颜色值HexRGBHexRGBSnow#FFFAFA二五五,二五零,二五零MistyRose#FFE四E一二五五,二二八,二二五Seashell#FFF五EE二五五,二四五,二三八BlanchedAlmond#FFEBCD二五五,二三五,二零五PapayaWhip#FFEFD五二五五,二三九,二一三FloralWhite#FFFAF零二五五,二五零,二四零Cornsilk#FFF八DC二五五,二四八,二二零LemonChiffon#FFFACD二五五,二五零,二零五Ivory#FFFFF零二五五,二五五,二四零LightYellow#FFFFE零二五五,二五五,二二四Honeydew#F零FFF零二四零,二五五,二四零MintCream#F五FFFA二四五,二五五,二五零Azure#F零FFFF二四零,二五五,二五五LightCyan#E零FFFF二二四,二五五,二五五AliceBlue#F零F八FF二四零,二四八,二五五GhostWhite#F八F八FF二四八,二四八,二五五LavenderBlush#FFF零F五二五五,二四零,二四五PeachPuff#FFDAB九二五五,二一八,一八五Bisque#FFE四C四二五五,二二八,一九六NavajoWhite#FFDEAD二五五,二二二,一七三Moccasin#FFE四B五二五五,二二八,一八一Pink#FFC零CB二五五,一九二,二零三LightPink#FFB六C一二五五,一八二,一九三LightSalmon#FFA零七A二五五,一六零,一二二Aquamarine#七FFFD四一二七,二五五,二一二HotPink#FF六九B四二五五,一零五,一八零Tomato#FF六三四七二五五,九九,七一Coral#FF七F五零二五五,一二七,八零Red#FF零零零零二五五,零,零OrangeRed#FF四五零零二五五,六九,零DarkOrange#FF八C零零二五五,一四零,零Orange#FFA五零零二五五,一六五,零Gold#FFD七零零二五五,二一五,零Yellow#FFFF零零二五五,二五五,零GreenYellow#ADFF二F一七三,二五五,四七Chartreuse#七FFF零零一二七,二五五,零Lime#零零FF零零零,二五五,零SpringGreen#零零FF七F零,二五五,一二七Cyan#零零FFFF零,二五五,二五五Aqua#零零FFFF零,二五五,二五五DeepSkyBlue#零零BFFF零,一九一,二五五DodgerBlue#一E九零FF三零,一四四,二五五Blue#零零零零FF零,零,二五五Magenta#FF零零FF二五五,零,二五五Fuchsia#FF零零FF二五五,零,二五五DeepPink#FF一四九三二五五,二零,一四七LawnGreen#七CFC零零一二四,二五二,零MediumSpringGreen#零零FA九A零,二五零,一五四DarkTurquoise#零零CED一零,二零六,二零九MediumBlue#零零零零CD零,零,二零五DarkViolet#九四零零D三一四八,零,二一一DarkRed#八B零零零零一三九,零,零Maroon#八零零零零零一二八,零,零Olive#八零八零零零一二八,一二八,零Green#零零八零零零零,一二八,零DarkCyan#零零八B八B零,一三九,一三九Teal#零零八零八零零,一二八,一二八DarkBlue#零零零零八B零,零,一三九Navy#零零零零八零零,零,一二八Indigo#四B零零八二七五,零,一三零DarkMagenta#八B零零八B一三九,零,一三九Purple#八零零零八零一二八,零,一二八DarkGreen#零零六四零零零,一零零,零Salmon#FA八零七二二五零,一二八,一一四PaleGreen#九八FB九八一五二,二五一,一五二LightSkyBlue#八七CEFA一三五,二零六,二五零OldLace#FDF五E六二五三,二四五,二三零LightGoldenrodYellow#FAFAD二二五零,二五零,二一零SandyBrown#F四A四六零二四四,一六四,九六MediumVioletRed#C七一五八五一九九,二一,一三三Crimson#DC一四三C二二零,二零,六零DarkGoldenrod#B八八六零B一八四,一三四,一一AntiqueWhite#FAEBD七二五零,二三五,二一五Wheat#F五DEB三二四五,二二二,一七九LightCoral#F零八零八零二四零,一二八,一二八Khaki#F零E六八C二四零,二三零,一四零LightGreen#九零EE九零一四四,二三八,一四四SkyBlue#八七CEEB一三五,二零六,二三五Violet#EE八二EE二三八,一三零,二三八DarkSalmon#E九九六七A二三三,一五零,一二二CornflowerBlue#六四九五ED一零零,一四九,二三七MediumSlateBlue#七B六八EE一二三,一零四,二三八Turquoise#四零E零D零六四,二二四,二零八RoyalBlue#四一六九E一六五,一零五,二二五BlueViolet#八A二BE二一三八,四三,二二六Chocolate#D二六九一E二一零,一零五,三零Goldenrod#DAA五二零二一八,一六五,三二SaddleBrown#八B四五一三一三九,六九,一九Linen#FAF零E六二五零,二四零,二三零Lavender#E六E六FA二三零,二三零,二五零PaleGoldenrod#EEE八AA二三八,二三二,一七零PaleTurquoise#AFEEEE一七五,二三八,二三八YellowGreen#九ACD三二一五四,二零五,五零LimeGreen#三二CD三二五零,二零五,五零FireBrick#B二二二二二一七八,三四,三四LightSeaGreen#二零B二AA三二,一七八,一七零DarkOrchid#九九三二CC一五三,五零,二零四OliveDrab#六B八E二三一零七,一四二,三五ForestGreen#二二八B二二三四,一三九,三四MidnightBlue#一九一九七零二五,二五,一一二Beige#F五F五DC二四五,二四五,二二零BurlyWood#DEB八八七二二二,一八四,一三五PowderBlue#B零E零E六一七六,二二四,二三零LightBlue#ADD八E六一七三,二一六,二三零MediumAquamarine#六六CDAA一零二,二零五,一七零MediumPurple#九三七零DB一四七,一一二,二一九Orchid#DA七零D六二一八,一一二,二一四PaleVioletRed#DB七零九三二一九,一一二,一四七IndianRed#CD五C五C二零五,九二,九二Peru#CD八五三F二零五,一三三,六三MediumTurquoise#四八D一CC七二,二零九,二零四SlateBlue#六A五ACD一零六,九零,二零五MediumOrchid#BA五五D三一八六,八五,二一一Brown#A五二A二A一六五,四二,四二Sienna#A零五二二D一六零,八二,四五SeaGreen#二E八B五七四六,一三九,八七LightSteelBlue#B零C四DE一七六,一九六,二二二Plum#DDA零DD二二一,一六零,二二一Tan#D二B四八C二一零,一八零,一四零MediumSeaGreen#三CB三七一六零,一七九,一一三SteelBlue#四六八二B四七零,一三零,一八零DarkKhaki#BDB七六B一八九,一八三,一零七DarkOliveGreen#五五六B二F八五,一零七,四七DarkSlateBlue#四八三D八B七二,六一,一三九Thistle#D八BFD八二一六,一九一,二一六RosyBrown#BC八F八F一八八,一四三,一四三DarkSeaGreen#八FBC八F一四三,一八八,一四三CadetBlue#五F九EA零九五,一五八,一六零DarkSlateGray#二F四F四F四七,七九,七九LightSlateGray#七七八八九九一一九,一三六,一五三SlateGray#七零八零九零一一二,一二八,一四四White#FFFFFF二五五,二五五,二五五WhiteSmoke#F五F五F五二四五,二四五,二四五Gainsboro#DCDCDC二二零,二二零,二二零LightGrey#D三D三D三二一一,二一一,二一一Silver#C零C零C零一九二,一九二,一九二DarkGray#A九A九A九一六九,一六九,一六九Gray#八零八零八零一二八,一二八,一二八DimGray#六九六九六九一零五,一零五,一零五Black#零零零零零零零,零,零明度列表色票颜色名颜色值HexRGBHexRGBWhite#FFFFFF二五五,二五五,二五五WhiteSmoke#F五F五F五二四五,二四五,二四五Snow#FFFAFA二五五,二五零,二五零MistyRose#FFE四E一二五五,二二八,二二五Seashell#FFF五EE二五五,二四五,二三八Linen#FAF零E六二五零,二四零,二三零AntiqueWhite#FAEBD七二五零,二三五,二一五BlanchedAlmond#FFEBCD二五五,二三五,二零五PapayaWhip#FFEFD五二五五,二三九,二一三OldLace#FDF五E六二五三,二四五,二三零FloralWhite#FFFAF零二五五,二五零,二四零Cornsilk#FFF八DC二五五,二四八,二二零LemonChiffon#FFFACD二五五,二五零,二零五Beige#F五F五DC二四五,二四五,二二零LightGoldenrodYellow#FAFAD二二五零,二五零,二一零Ivory#FFFFF零二五五,二五五,二四零LightYellow#FFFFE零二五五,二五五,二二四Honeydew#F零FFF零二四零,二五五,二四零MintCream#F五FFFA二四五,二五五,二五零Azure#F零FFFF二四零,二五五,二五五LightCyan#E零FFFF二二四,二五五,二五五AliceBlue#F零F八FF二四零,二四八,二五五Lavender#E六E六FA二三零,二三零,二五零GhostWhite#F八F八FF二四八,二四八,二五五LavenderBlush#FFF零F五二五五,二四零,二四五Gainsboro#DCDCDC二二零,二二零,二二零LightGrey#D三D三D三二一一,二一一,二一一PeachPuff#FFDAB九二五五,二一八,一八五Bisque#FFE四C四二五五,二二八,一九六NavajoWhite#FFDEAD二五五,二二二,一七三Moccasin#FFE四B五二五五,二二八,一八一Wheat#F五DEB三二四五,二二二,一七九PaleGoldenrod#EEE八AA二三八,二三二,一七零PaleTurquoise#AFEEEE一七五,二三八,二三八Pink#FFC零CB二五五,一九二,二零三LightPink#FFB六C一二五五,一八二,一九三Silver#C零C零C零一九二,一九二,一九二LightCoral#F零八零八零二四零,一二八,一二八Salmon#FA八零七二二五零,一二八,一一四LightSalmon#FFA零七A二五五,一六零,一二二BurlyWood#DEB八八七二二二,一八四,一三五Khaki#F零E六八C二四零,二三零,一四零LightGreen#九零EE九零一四四,二三八,一四四PaleGreen#九八FB九八一五二,二五一,一五二Aquamarine#七FFFD四一二七,二五五,二一二PowderBlue#B零E零E六一七六,二二四,二三零LightBlue#ADD八E六一七三,二一六,二三零SkyBlue#八七CEEB一三五,二零六,二三五LightSkyBlue#八七CEFA一三五,二零六,二五零LightSteelBlue#B零C四DE一七六,一九六,二二二Thistle#D八BFD八二一六,一九一,二一六Plum#DDA零DD二二一,一六零,二二一Violet#EE八二EE二三八,一三零,二三八HotPink#FF六九B四二五五,一零五,一八零DarkGray#A九A九A九一六九,一六九,一六九RosyBrown#BC八F八F一八八,一四三,一四三Tomato#FF六三四七二五五,九九,七一DarkSalmon#E九九六七A二三三,一五零,一二二Coral#FF七F五零二五五,一二七,八零SandyBrown#F四A四六零二四四,一六四,九六Tan#D二B四八C二一零,一八零,一四零DarkSeaGreen#八FBC八F一四三,一八八,一四三MediumAquamarine#六六CDAA一零二,二零五,一七零CornflowerBlue#六四九五ED一零零,一四九,二三七MediumSlateBlue#七B六八EE一二三,一零四,二三八MediumPurple#九三七零DB一四七,一一二,二一九Orchid#DA