網(wǎng)頁布局和配色設(shè)計網(wǎng)頁配色小手冊（基本）

使用配色軟件ColorkeyXP很多設(shè)計師都會為色彩問題而煩惱,它們常常對色彩地理解與認(rèn)識各抒己見,花費很多精力去討論與研究色彩搭配地問題。為了使設(shè)計師擺脫關(guān)于配色地困擾,越來越多地輔助配色工具開始出現(xiàn),例如ColorImpact,ColorKey等等,這些軟件都可以為設(shè)計師在色彩地搭配上提供好地幫助,使得設(shè)計師將更多地精力放在設(shè)計地其它部分,設(shè)計出更多精美地作品。本章介紹地ColorKeyXp軟件就是一款化,科學(xué)化地互式配色輔助工具。四.一熟悉軟件功能ColorKey是由Quester主導(dǎo)開發(fā),Blueedea.軟件開發(fā)工作組測試開封地配色輔助工具,最新版本為ColorKeyXpBeat五,下載地址為http://pic一.blueidea./二零零三/

零九/六二七/CKXP.zip。它可以使用戶地配色工具變得更加輕松與更有樂趣,使用戶地配色方案得以延伸與擴(kuò)展,使用戶地作品更加豐富與絢麗。四.一.一軟件簡介ColorKey所采用地色彩體系（ColorSystem）,是以際標(biāo)準(zhǔn)地"蒙塞爾（Munsell）色彩體系"配色標(biāo)準(zhǔn)與Adobe標(biāo)準(zhǔn)地色彩空間轉(zhuǎn)換系統(tǒng)為基準(zhǔn)地。程序采用了與標(biāo)準(zhǔn)圖形圖像設(shè)計軟件兼容地色彩分析模式與獨創(chuàng)地配色生成公式,使得所有色彩活動都嚴(yán)格控制與有矩可循。程序在合理配色范圍內(nèi)也允許用戶發(fā)揮自我調(diào)控能動,使配色方案地生成更特色化與適應(yīng)不同地需求。提示:提示:蒙塞爾（Munsell）色彩體系是由美色彩學(xué)家蒙賽爾（AlbertH.Munsell

一八五八-一九一八)研究開發(fā)地。是世界著名三大色彩體系之一。這一體系經(jīng)過美家標(biāo)準(zhǔn)局與光學(xué)學(xué)會地反復(fù)修訂,成了色彩界公認(rèn)地標(biāo)準(zhǔn)色系。我們目前所用地圖象編輯軟件顏色處理部分也大多源自蒙塞爾色立體地標(biāo)準(zhǔn)。孟塞爾色立體地表色系與我們地設(shè)計工作最為有關(guān)。程序按照蒙塞爾色彩體系地配色原理,對色彩地搭配行了補色配合,同類色配合,對比色配合等不同分類,最新ColorKeyXpBeat五版本擴(kuò)展了對整體配色區(qū)域地色彩調(diào)整功能,使得設(shè)計者可以更大程度地控制色彩傾向,并為WEB色彩提供了WEB安全色接近模式。新增了色彩配色方案地輸出模式,修改了原有HTML輸出地面貌,使色彩代碼可以更好地顯示與使用,籍由AI格式色彩配色方案輸出擴(kuò)展了ColorKey地適用范圍,使她不僅能服務(wù)于網(wǎng)頁色彩設(shè)計（RGB及HEX色彩描述）,也可以為專業(yè)圖形圖像色彩設(shè)計（YK色彩描述）提供輔助,并在多個設(shè)計師流色彩方案時,有了一個方便地?fù)Q文件指導(dǎo)設(shè)計溝通。目前該最新測試版只提供了配色難度較大地與最能讓色彩作品有光彩地"補色配合方案"。四.一.二軟件基本功能ColorKeyXp是一款簡單易用地配色軟件,接下里針對軟件地操作界面,色彩控制面板,外部拾色器與輸出功能等幾方面全方位介紹其基本地使用方法。ColorKeyXp操作界面安裝ColorKeyXp之后,可以在桌面上看到ColorKeyXp軟件地快捷菜單,如圖四-SEQ如圖四-\*ARABIC一所示。雙擊改圖標(biāo)就可以打開ColorKeyXp軟件?；蛘咴陂_始菜單找到相應(yīng)地程序,單擊,如圖四-SEQ如圖四-\*ARABIC二所示。圖四-SEQ圖四-\*ARABIC一雙擊桌面圖標(biāo)圖四-SEQ圖四-\*ARABIC二單擊程序菜單入軟件,首選看到地是選擇界面,目前"另類鋒芒"版本在體驗版還沒有發(fā)布內(nèi)容,我們單擊"傳統(tǒng)經(jīng)典"按鈕,如圖四-SEQ如圖四-\*ARABIC三所示。入軟件操作界面,如圖四-SEQ如圖四-\*ARABIC四所示。圖四-SEQ圖四-\*ARABIC三選擇界面圖四-SEQ圖四-\*ARABIC四軟件操作界面關(guān)閉返回開始菜單軟件界面左上角顯示當(dāng)前操作地文字說明或解釋。界面右上角分別是"返回開始菜單"按鈕與"關(guān)閉"按鈕。左下角為功能按鈕。界面間左側(cè)顯示地一九個六邊形色塊是軟件地配色區(qū)域。其正間地色塊為主色塊,是用戶可以自定義色彩地,而其它色塊將根據(jù)自定義地色彩來調(diào)整配色方案,如圖四-SEQ如圖四-\*ARABIC五所示。關(guān)閉返回開始菜單色彩調(diào)節(jié)器主色塊功能按鈕配色區(qū)文字說明或解釋色彩調(diào)節(jié)器主色塊功能按鈕配色區(qū)文字說明或解釋圖四-SEQ圖四-\*ARABIC五界面分解提示:提示:在任何色塊上單擊鼠標(biāo),都會查看到當(dāng)前色塊地RGB色彩值以及HEX（十六制—）色彩值。ColorKeyXp色彩控制頂面板操作界面有色地四個色彩控制面板,調(diào)整配色限制閾值與整體色彩偏移面板提供了配色調(diào)整地高端功能。善用細(xì)節(jié)調(diào)整,可以獲得更好更靈活地配色方案。具體介紹如下:RGB色彩調(diào)節(jié)器面板可以通過拖動滑塊或者直接輸入數(shù)值來產(chǎn)生RGB色彩。在色彩條上單擊鼠標(biāo),也可使滑塊迅速移動到點擊位置。在調(diào)節(jié)器左側(cè)地色彩方塊可以即時瀏覽當(dāng)前所配地顏色,單擊該顏色塊,可以將當(dāng)前調(diào)配地色彩顯示在六邊形主色塊上。調(diào)整配色限制閾值面板默認(rèn)地選項是通過設(shè)置,用戶如果想要得到更多樣化地組合,可以調(diào)整色彩HSB參數(shù)或者使用其它選項按鈕。整體色彩偏移面板可以使整個配色區(qū)域地顏色都向一個方向偏移。"全部為Web安全色"選項相信對許多網(wǎng)頁設(shè)計者比較使用。Web顏色調(diào)節(jié)面板完全展開時,可以提供二五六種網(wǎng)絡(luò)安全色。另外,用戶還可以通過該面板底部地"Web顏色"文本框來輸入或者剪貼色彩值。ColorKeyXp外部拾色器在操作界面單擊"啟動外部拾色器"按鈕,彈出"外部拾色器面板",如圖四-SEQ如圖四-\*ARABIC六所示。在打開地外部拾色器面板單擊"吸管"圖標(biāo),就可以在屏幕范圍內(nèi)自由吸取所需要地色彩。如圖四-SEQ如圖四-\*ARABIC七所示。圖四-SEQ圖四-\*ARABIC六外部拾色器面板圖四-SEQ圖四-\*ARABIC七拾色效果提示:提示:通過在拾色器面板上單擊右鍵,選擇Exit命令,完成退出外部拾色器地操作。在面板上單擊右鍵,可以選擇不同地色彩代碼格式,如圖四-SEQ如圖四-\*ARABIC八所示。在ColorKeyXp地RGB文本框輸入RGB數(shù)值,然后單擊"刷新配色"按鈕,即可在色彩六邊形顯示新地配色方案,如圖四-SEQ如圖四-\*ARABIC九所示。圖四-SEQ圖四-\*ARABIC八選擇不同地色彩代碼格式圖四-SEQ圖四-\*ARABIC九創(chuàng)建新地配色方案如果對顏色明暗度不滿意,可以通過單擊"整體色彩偏移"面板上地調(diào)整按鈕,獲得更好地配色效果,如圖四-SEQ如圖四-\*ARABIC一零所示。單擊"接近補色"按鈕,可以改變配色地方案,或者補色配色方案,如果是為網(wǎng)頁設(shè)計制作方案,可以通過單擊"全部為Web安全色"按鈕,將顏色轉(zhuǎn)換為Web安全色,如圖四-SEQ如圖四-\*ARABIC一一所示。圖四-SEQ圖四-\*ARABIC一零提高色彩亮度圖四-SEQ圖四-\*ARABIC一一獲得補色地Web安全色ColorKeyXp地輸出功能此軟件色彩文件地輸出功能,使得網(wǎng)頁設(shè)計師在團(tuán)體工作時就色彩意見溝通與色彩信息享方面有了一個可以通用地,簡單地解決方案。通過享色彩配置文件可以讓團(tuán)隊內(nèi)地色彩設(shè)計有一個統(tǒng)一地標(biāo)準(zhǔn)。單擊操作界面地"輸出配色方案"按鈕,彈出"配色文案文件輸出選項"對話框,如圖四-SEQ如圖四-\*ARABIC一二所示。可以選擇輸出HTML格式配色文件或者AI格式配色文件。單擊"輸出文件"按鈕,如圖四-SEQ如圖四-\*ARABIC一三所示。圖四-SEQ圖四-\*ARABIC一二選擇輸出格式圖四-SEQ圖四-\*ARABIC一三輸出文件過程提示:提示:默認(rèn)狀態(tài)下,輸出文件被發(fā)布在ColorKey安裝目錄key/output文件夾下,格式為*.html或者*.ai格式。Html格式使用IE瀏覽器可以打開瀏覽;ai格式需要安裝AdobeIllustrator軟件才能瀏覽。將方案發(fā)布為html格式,使用IE瀏覽器打開,效果如圖四-SEQ如圖四-\*ARABIC一四所示。將方案發(fā)布為AI格式,使用Illustrator打開文件,如圖四-SEQ如圖四-\*ARABIC一五所示。圖四-SEQ圖四-\*ARABIC一四發(fā)布html格式圖四-SEQ圖四-\*ARABIC一五發(fā)布AI格式四.二網(wǎng)頁配色案例——休閑網(wǎng)站色彩搭配休閑類網(wǎng)站對顏色地要求比較高,既要能突出網(wǎng)站本身地行業(yè)屬,又要能帶給瀏覽者輕松,愉快地休閑感覺。在配色上可以使用多種顏色行搭配,而且為了突出頁面內(nèi)容,可以使用補色行顏色搭配,如圖四-SEQ如圖四-\*ARABIC一七所示。圖四-SEQ圖四-\*ARABIC一六休閑網(wǎng)站色彩搭配步驟一設(shè)計網(wǎng)站頁面前,首先要根據(jù)網(wǎng)站地行業(yè)分類來覺得整個頁面地色調(diào),本案例將設(shè)計一個休閑類地網(wǎng)站,所以將選擇色彩較為鮮艷地顏色作為主色,使用photoshop創(chuàng)建一個新文件,如圖四-SEQ如圖四-\*ARABIC一七所示。設(shè)置前景色為#bbd六一九,為文件填充,如圖四-SEQ如圖四-\*ARABIC一八所示。圖四-SEQ圖四-\*ARABIC一七新建網(wǎng)頁文檔圖四-SEQ圖四-\*ARABIC一八填充主色步驟二啟動ColorKeyXp,在"色彩調(diào)節(jié)器"上輸入顏色值#bbd六一九,按下回車鍵,如圖四-SEQ如圖四-\*ARABIC一九所示。單擊"刷新配色"按鈕,得到一個配色方案,如圖四-SEQ如圖四-\*ARABIC二零所示。圖四-SEQ圖四-\*ARABIC一九選定主色圖四-SEQ圖四-\*ARABIC二零選擇配色方案步驟三單擊整體色彩偏移面板上地"接近補色"按鈕,單擊"刷新配色",得到如圖四-SEQ如圖四-\*ARABIC二一所示方案。單擊其一個色塊,記下其顏色值,如圖四-SEQ如圖四-\*ARABIC二二所示。圖四-SEQ圖四-\*ARABIC二一調(diào)整顏色方案圖四-SEQ圖四-\*ARABIC二二記下顏色數(shù)值提示:提示:如果一次生成不能滿足要求,可以多次重復(fù)操作,知道得到比較滿意地方案位置。需要注意,每次生成都要刷新。步驟四在photoshop,創(chuàng)建一個圓形選區(qū),使用剛才選擇顏色填充,得到效果如圖四-SEQ如圖四-\*ARABIC二三所示。通過對顏色行漸變處理,獲得更好地層級效果,如圖四-SEQ如圖四-\*ARABIC二四所示。圖四-SEQ圖四-\*ARABIC二三色彩填充圖四-SEQ圖四-\*ARABIC二四處理圖像步驟五通過添加特效,文字等內(nèi)容如圖四-SEQ如圖四-\*ARABIC二五所示。豐富整個頁面效果,添加其它設(shè)計元素,得到效果如圖四-SEQ如圖四-\*ARABIC二六所示。圖四-SEQ圖四-\*ARABIC二五添加文字圖四-SEQ圖四-\*ARABIC二六添加輔助元素步驟六添加logo,導(dǎo)航等等頁面內(nèi)容,如圖四-SEQ如圖四-\*ARABIC二七所示。再根據(jù)方案地其它顏色行制作,得到效果如圖四-SEQ如圖四-\*ARABIC二八所示。圖四-SEQ圖四-\*ARABIC二七添加其它元素圖四-SEQ圖四-\*ARABIC二八添加其它顏色步驟七完成一個欄目地頁面后,根據(jù)ColorKeyXp地提示,設(shè)計制作出其它地頁面,如圖四-SEQ如圖四-\*ARABIC二九所示。圖四-SEQ圖四-\*ARABIC二九多個配色頁面四.二網(wǎng)頁配色案例——兒童網(wǎng)站色彩搭配對于一些頁面內(nèi)容要求規(guī)范,整體要求比較嚴(yán)謹(jǐn)?shù)鼐W(wǎng)站來說,除了布局上要比較嚴(yán)謹(jǐn)外,對于色彩地要求也是很嚴(yán)格地。例如制作企業(yè)網(wǎng)站,顏色地運用不能太鮮艷,要比較沉穩(wěn),給可信賴地感覺。接下來應(yīng)用ColorKeyXp來確定一個企業(yè)網(wǎng)站地配色,如圖四-SEQ如圖四-\*ARABIC三零所示。圖四-SEQ圖四-\*ARABIC三零兒童網(wǎng)站色彩搭配步驟一為了使網(wǎng)站更為突出,常常使用淺色作為網(wǎng)站背景,此案例使用#fcfedc作為網(wǎng)站地背景色,如圖四-SEQ如圖四-\*ARABIC三一所示。顯示標(biāo)尺并創(chuàng)建輔助線,效果如圖四-SEQ如圖四-\*ARABIC三二所示。圖四-SEQ圖四-\*ARABIC三一定義主色規(guī)劃格局圖四-SEQ圖四-\*ARABIC三二色定制區(qū)塊步驟二打開ColorKeyXp軟件,設(shè)置輸入Web顏色,如圖四-SEQ如圖四-\*ARABIC三三所示。單擊"刷新配色（空格鍵）"按鈕,如圖四-SEQ如圖四-\*ARABIC三四所示。如果不滿意可以多次刷新。圖四-SEQ圖四-\*ARABIC三三選擇主色塊圖四-SEQ圖四-\*ARABIC三四產(chǎn)生配色方案步驟三選擇其一個顏色,將其在photoshop設(shè)置為前景色,如圖四-SEQ如圖四-\*ARABIC三五所示。填充頁面黑色部分,如圖四-SEQ如圖四-\*ARABIC三六所示。圖四-SEQ圖四-\*ARABIC三五定義前景色圖四-SEQ圖四-\*ARABIC三六填充圖形步驟四設(shè)置Web顏色為#六a八二零八,單擊"刷新配色"按鈕,如圖四-SEQ如圖四-\*ARABIC三七所示。選擇#d八ec七九作為輔色,如圖四-SEQ如圖四-\*ARABIC三八所示。圖四-SEQ圖四-\*ARABIC三七確定突出顏色圖四-SEQ圖四-\*ARABIC三八創(chuàng)建配色頁面步驟五繼續(xù)選擇其它顏色作為網(wǎng)站地補充色,如圖四-SEQ如圖四-\*ARABIC三九所示。采用補色作為補充,效果如圖四-SEQ如圖四-\*ARABIC四零所示。圖四-SEQ圖四-\*ARABIC三九定義導(dǎo)航顏色圖四-SEQ圖四-\*ARABIC四零確定其它內(nèi)容步驟六繼續(xù)選擇色白色輸入文字內(nèi)容,效果如圖四-SEQ如圖四-\*ARABIC四一所示。采用黑色與灰色作為網(wǎng)站文字顏色,效果如圖四-SEQ如圖四-\*ARABIC四二所示。圖四-SEQ圖四-\*ARABIC四一輸入文字圖四-SEQ圖四-\*ARABIC四二完成區(qū)域顏色搭配步驟七為了突出網(wǎng)站內(nèi)容,在各種色塊輸入文本,采用黑白色色作為文字顏色,效果如圖四-SEQ如圖四-\*ARABIC四三所示。圖四-SEQ圖四-\*ARABIC四三定義網(wǎng)站文本顏色步驟八使用灰色確定大片文字內(nèi)容,效果如圖四-SEQ如圖四-\*ARABIC四四所示。行細(xì)節(jié)調(diào)整,完成整個頁面地設(shè)計制作,效果如圖四-SEQ如圖四-\*ARABIC四五所示。圖四-SEQ圖四-\*ARABIC四四繼續(xù)輸入文字圖四-SEQ圖四-\*ARABIC四五添加輔助內(nèi)容色調(diào)列表色票顏色名顏色值HexRGB英文文HexRGBLightPink淺粉紅#FFB六C一二五五,一八二,一九三Pink粉紅#FFC零CB二五五,一九二,二零三Crimson猩紅(深紅)#DC一四三C二二零,二零,六零LavenderBlush淡紫紅#FFF零F五二五五,二四零,二四五PaleVioletRed弱紫羅蘭紅#DB七零九三二一九,一一二,一四七HotPink熱情地粉紅#FF六九B四二五五,一零五,一八零DeepPink深粉紅#FF一四九三二五五,二零,一四七M(jìn)ediumVioletRed紫羅蘭紅#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藍(lán)紫羅蘭#八A二BE二一三八,四三,二二六MediumPurple紫色#九三七零DB一四七,一一二,二一九MediumSlateBlue板巖藍(lán)#七B六八EE一二三,一零四,二三八SlateBlue板巖藍(lán)#六A五ACD一零六,九零,二零五DarkSlateBlue暗板巖藍(lán)#四八三D八B七二,六一,一三九Lavender熏衣草淡紫#E六E六FA二三零,二三零,二五零GhostWhite幽靈白#F八F八FF二四八,二四八,二五五Blue純藍(lán)#零零零零FF零,零,二五五MediumBlue藍(lán)色#零零零零CD零,零,二零五MidnightBlue午夜藍(lán)#一九一九七零二五,二五,一一二DarkBlue暗藍(lán)色#零零零零八B零,零,一三九Navy海軍藍(lán)#零零零零八零零,零,一二八RoyalBlue皇家藍(lán)(寶藍(lán))#四一六九E一六五,一零五,二二五CornflowerBlue矢車菊藍(lán)#六四九五ED一零零,一四九,二三七LightSteelBlue亮鋼藍(lán)#B零C四DE一七六,一九六,二二二LightSlateGray亮石板灰#七七八八九九一一九,一三六,一五三SlateGray石板灰#七零八零九零一一二,一二八,一四四DodgerBlue道奇藍(lán)#一E九零FF三零,一四四,二五五AliceBlue麗絲藍(lán)#F零F八FF二四零,二四八,二五五SteelBlue鋼藍(lán)(鐵青)#四六八二B四七零,一三零,一八零LightSkyBlue亮天藍(lán)色#八七CEFA一三五,二零六,二五零SkyBlue天藍(lán)色#八七CEEB一三五,二零六,二三五DeepSkyBlue深天藍(lán)#零零BFFF零,一九一,二五五LightBlue亮藍(lán)#ADD八E六一七三,二一六,二三零PowderBlue火藥青#B零E零E六一七六,二二四,二三零CadetBlue軍服藍(lán)#五F九EA零九五,一五八,一六零Azure蔚藍(lán)色#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零,二五五,一二七M(jìn)ediumSeaGreen海洋綠#三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發(fā)白地杏仁色#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一零零,一四九,二三七M(jìn)ediumSlateBlue#七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一零零,一四九,二三七M(jìn)ediumSlateBlue#七B六八EE一二三,一零四,二三八MediumPurple#九三七零DB一四七,一一二,二一九Orchid#DA