網(wǎng)頁簡(jiǎn)體和繁體切換代碼
演示效果如下：
html代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<script type='text/javascript' src='1.js'></script>
<title>js中文簡(jiǎn)體繁體切換-帶緩存</title>
<style>
.container { max-width: 600px; height: auto; margin: auto; padding: 50px 0px; font-family: "microsoft yahei" }
.top { width: 100%; height: 50px; line-height: 50px; margin-bottom: 15px; }
.top a { width: 140px; height: 40px; display: block; float: left; margin-right: 10px; text-align: center; line-height: 40px; color: #00A1DF; text-decoration: none; }
.detail { width: 570px; padding: 10px; height: auto; line-height: 28px; text-indent: 28px; border: 5px solid #00A1DF; }
</style>
</head>
<body>
<div class="container">
<div class="top"> <a href="javascript:zh_tran('s');" class="zh_click" id="zh_click_s">簡(jiǎn)體</a> <a href="javascript:zh_tran('t');" class="zh_click" id="zh_click_t">繁體</a> </div>
<div class="detail">
<p> 1.處在這不悲不喜的狀態(tài)，笑，卻無頭緒！傷，已不在悲！自我的微笑是心靈的靜化劑！安靜在自我里。</p>
<p>2.用心感受，悲傷的戀歌，不僅僅是眼淚劃過面龐，更重要的是在心頭的痕跡放大，加深…相信雨后的彩虹很美麗，黎明的光亮很耀眼，生命的轉(zhuǎn)身很華麗，你會(huì)一直陪我到最后，快樂的，迷惘的，感傷的…</p>
<p>3.世界上最傷心的事，不是你愛的人不愛你，而是他愛過你之后，卻還是離開。</p>
<p>4.單身意味著你足夠堅(jiān)強(qiáng)，有足夠耐心去等待那個(gè)值得擁有你的人。</p>
<p>5.愛情的投入和產(chǎn)生從來不成比例，一廂情愿的犧牲到頭來感動(dòng)的往往是自己！</p>
<p>6.如果時(shí)間不可以令你忘記那些不該記住的人，我們失去的歲月又有什么意義。</p>
<p>7.當(dāng)流星隕落愛情的唯美，生命就開始哭泣，受傷的人就喜歡躲在黑暗的角落，任其身體的荒涼，仿佛全世界的人都在討論愛情，這一刻我更喜歡孤寂。</p>
<p>8.有些人，等之不來，便只能離開；有些東西，要之不得，便只能放棄；有些過去，關(guān)于幸福或傷痛，只能埋于心底；有些冀望，關(guān)于現(xiàn)在或?qū)?，只能選擇遺忘。</p>
<p>9.世界上沒有任何東西可以永恒。如果它流動(dòng)，它就流走；如果它存著，它就干涸；如果它生長(zhǎng)，它就慢慢凋零。</p>
<p>10.我去翻他的過往，并不是嫉妒，我只是難過，有種深情，他從未給過我。</p>
<p>11.愛玩愛鬧愛跑愛跳的那個(gè)人是你，而我卻只能遠(yuǎn)遠(yuǎn)看著你。</p>
<p>12.有些事注定成為故事，有些人注定成為故人，不必掛念，不必留戀，偶爾記起。</p>
<p>13.一生至少該有一次，為了某個(gè)人而忘了自己，不求有結(jié)果，不求同行，不求曾經(jīng)擁有，甚至不求你愛我，只求在我最美的年華里，遇到你。 </p></div>
</div>
</body>
</html>
js代碼：
// 網(wǎng)頁簡(jiǎn)繁體轉(zhuǎn)換
// -------------- 以下參數(shù)大部分可以更改 --------------------
//s = simplified 簡(jiǎn)體中文 t = traditional 繁體中文 n = normal 正常顯示
var zh_default = 'n'; //默認(rèn)語言，請(qǐng)不要改變
var zh_choose = 't'; //當(dāng)前選擇
var zh_expires = 7; //cookie過期天數(shù)
var zh_class = 'zh_click'; //鏈接的class名，id為class + s/t/n 之一
var zh_style_active = 'background: #00A1DF; color:#FFFFFF;'; //當(dāng)前選擇的鏈接式樣
var zh_style_inactive = ''; //非當(dāng)前選擇的鏈接式樣
var zh_browserLang = ''; //瀏覽器語言
var zh_autoLang_t = true; //瀏覽器語言為繁體時(shí)自動(dòng)進(jìn)行操作
var zh_autoLang_s = false; //瀏覽器語言為簡(jiǎn)體時(shí)自動(dòng)進(jìn)行操作
var zh_autoLang_alert = false; //自動(dòng)操作后是否顯示提示消息
var zh_autoLang_checked = 0; //次檢測(cè)瀏覽器次數(shù),第一次寫cookie為1,提示后為2,今后將不再提示
//判斷瀏覽器語言的正則,ie為小寫,ff為大寫
var zh_langReg_t = /^zh-tw|zh-hk$/i;
var zh_langReg_s = /^zh-cn$/i;
//簡(jiǎn)體繁體對(duì)照字表,可以自行替換
var zh_s = '皚藹礙愛翱襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報(bào)鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鱉癟瀕濱賓擯餅撥缽鉑駁卜補(bǔ)參蠶殘慚慘燦蒼艙倉滄廁側(cè)冊(cè)測(cè)層詫攙摻蟬饞讒纏鏟產(chǎn)闡顫場(chǎng)嘗長(zhǎng)償腸廠暢鈔車徹塵陳襯撐稱懲誠騁癡遲馳恥齒熾沖蟲寵疇躊籌綢丑櫥廚鋤雛礎(chǔ)儲(chǔ)觸處傳瘡闖創(chuàng)錘純綽辭詞賜聰蔥囪從叢湊竄錯(cuò)達(dá)帶貸擔(dān)單鄲撣膽憚?wù)Q彈當(dāng)擋黨蕩檔搗島禱導(dǎo)盜燈鄧敵滌遞締點(diǎn)墊電淀釣調(diào)迭諜疊釘頂錠訂東動(dòng)棟凍斗犢獨(dú)讀賭鍍鍛斷緞兌隊(duì)對(duì)噸頓鈍奪鵝額訛惡餓兒爾餌貳發(fā)罰閥琺礬釩煩范販飯?jiān)L紡飛廢費(fèi)紛墳奮憤糞豐楓鋒風(fēng)瘋馮縫諷鳳膚輻撫輔賦復(fù)負(fù)訃婦縛該鈣蓋干趕稈贛岡剛鋼綱崗皋鎬擱鴿閣鉻個(gè)給龔宮鞏貢鉤溝構(gòu)購夠蠱顧剮關(guān)觀館慣貫廣規(guī)硅歸龜閨軌詭柜貴劊輥滾鍋國(guó)過駭韓漢閡鶴賀橫轟鴻紅后壺護(hù)滬戶嘩華畫劃話懷壞歡環(huán)還緩換喚瘓煥渙黃謊揮輝毀賄穢會(huì)燴匯諱誨繪葷渾伙獲貨禍擊機(jī)積饑譏雞績(jī)緝極輯級(jí)擠幾薊劑濟(jì)計(jì)記際繼紀(jì)夾莢頰賈鉀價(jià)駕殲監(jiān)堅(jiān)箋間艱緘繭檢堿鹼揀撿簡(jiǎn)儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎(jiǎng)講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較秸階節(jié)莖驚經(jīng)頸靜鏡徑痙競(jìng)凈糾廄舊駒舉據(jù)鋸懼劇鵑絹杰潔結(jié)誡屆緊錦僅謹(jǐn)進(jìn)晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫褲夸塊儈寬礦曠況虧巋窺饋潰擴(kuò)闊蠟臘萊來賴藍(lán)欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離里鯉禮麗厲勵(lì)礫歷瀝隸倆聯(lián)蓮連鐮?wèi)z漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴凌靈嶺領(lǐng)餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡(luò)媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿(mào)么霉沒鎂門悶們錳夢(mèng)謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆捻釀鳥聶嚙鑷鎳檸獰寧擰濘鈕紐膿濃農(nóng)瘧諾歐鷗毆嘔漚盤龐國(guó)愛賠噴鵬騙飄頻貧蘋憑評(píng)潑頗撲鋪樸譜臍齊騎豈啟氣棄訖牽扦釬鉛遷簽謙錢鉗潛淺譴塹槍嗆墻薔強(qiáng)搶鍬橋喬僑翹竅竊欽親輕氫傾頃請(qǐng)慶瓊窮趨區(qū)軀驅(qū)齲顴權(quán)勸卻鵲讓饒擾繞熱韌認(rèn)紉榮絨軟銳閏潤(rùn)灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陜贍繕傷賞燒紹賒攝懾設(shè)紳審嬸腎滲聲繩勝圣師獅濕詩尸時(shí)蝕實(shí)識(shí)駛勢(shì)釋飾視試壽獸樞輸書贖屬術(shù)樹豎數(shù)帥雙誰稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻抬攤貪癱灘壇譚談嘆湯燙濤絳騰謄銻題體屜條貼鐵廳聽烴銅統(tǒng)頭圖涂團(tuán)頹蛻脫鴕馱駝橢洼襪彎灣頑萬網(wǎng)韋違圍為濰維葦偉偽緯謂衛(wèi)溫聞紋穩(wěn)問甕撾蝸渦窩嗚鎢烏誣無蕪吳塢霧務(wù)誤錫犧襲習(xí)銑戲細(xì)蝦轄峽俠狹廈锨鮮纖咸賢銜閑顯險(xiǎn)現(xiàn)獻(xiàn)縣餡羨憲線廂鑲鄉(xiāng)詳響項(xiàng)蕭銷曉嘯蝎協(xié)挾攜脅諧寫瀉謝鋅釁興洶銹繡虛噓須許緒續(xù)軒懸選癬絢學(xué)勛詢尋馴訓(xùn)訊遜壓鴉鴨啞亞訝閹煙鹽嚴(yán)顏閻艷厭硯彥諺驗(yàn)鴦楊揚(yáng)瘍陽癢養(yǎng)樣瑤搖堯遙窯謠藥爺頁業(yè)葉醫(yī)銥頤遺儀彝蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應(yīng)纓瑩螢營(yíng)熒蠅穎喲擁傭癰踴詠涌?jī)?yōu)憂郵鈾猶游誘輿魚漁娛與嶼語吁御獄譽(yù)預(yù)馭鴛淵轅園員圓緣遠(yuǎn)愿約躍鑰岳粵悅閱云鄖勻隕運(yùn)蘊(yùn)醞暈韻雜災(zāi)載攢暫贊贓臟鑿棗灶責(zé)擇則澤賊贈(zèng)扎札軋鍘閘詐齋債氈盞斬輾嶄棧戰(zhàn)綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮(zhèn)陣掙睜猙幀鄭證織職執(zhí)紙摯擲幟質(zhì)鐘終種腫眾謅軸皺晝驟豬諸誅燭矚囑貯鑄筑駐專磚轉(zhuǎn)賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鉆致鐘么為只兇準(zhǔn)啟板里靂余鏈泄';
var zh_t = '皚藹礙愛翺襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報(bào)鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鼈癟瀕濱賓擯餅撥缽鉑駁蔔補(bǔ)參蠶殘慚慘燦蒼艙倉滄廁側(cè)冊(cè)測(cè)層詫攙摻蟬饞讒纏鏟産闡顫場(chǎng)嘗長(zhǎng)償腸廠暢鈔車徹塵陳襯撐稱懲誠騁癡遲馳恥齒熾沖蟲寵疇躊籌綢醜櫥廚鋤雛礎(chǔ)儲(chǔ)觸處傳瘡闖創(chuàng)錘純綽辭詞賜聰蔥囪從叢湊竄錯(cuò)達(dá)帶貸擔(dān)單鄲撣膽憚?wù)Q彈當(dāng)擋黨蕩檔搗島禱導(dǎo)盜燈鄧敵滌遞締點(diǎn)墊電澱釣調(diào)疊諜疊釘頂錠訂東動(dòng)棟凍鬥犢獨(dú)讀賭鍍鍛斷緞兌隊(duì)對(duì)噸頓鈍奪鵝額訛惡餓兒爾餌貳發(fā)罰閥琺礬釩煩範(fàn)販飯?jiān)L紡飛廢費(fèi)紛墳奮憤糞豐楓鋒風(fēng)瘋馮縫諷鳳膚輻撫輔賦複負(fù)訃婦縛該鈣蓋幹趕稈贛岡剛鋼綱崗臯鎬擱鴿閣鉻個(gè)給龔宮鞏貢鈎溝構(gòu)購夠蠱顧剮關(guān)觀館慣貫廣規(guī)矽歸龜閨軌詭櫃貴劊輥滾鍋國(guó)過駭韓漢閡鶴賀橫轟鴻紅後壺護(hù)滬戶嘩華畫劃話懷壞歡環(huán)還緩換喚瘓煥渙黃謊揮輝毀賄穢會(huì)燴彙諱誨繪葷渾夥獲貨禍擊機(jī)積饑譏雞績(jī)緝極輯級(jí)擠幾薊劑濟(jì)計(jì)記際繼紀(jì)夾莢頰賈鉀價(jià)駕殲監(jiān)堅(jiān)箋間艱緘繭檢堿鹼揀撿簡(jiǎn)儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎(jiǎng)講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較稭階節(jié)莖驚經(jīng)頸靜鏡徑痙競(jìng)淨(jìng)糾廄舊駒舉據(jù)鋸懼劇鵑絹傑潔結(jié)誡屆緊錦僅謹(jǐn)進(jìn)晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫褲誇塊儈寬礦曠況虧巋窺饋潰擴(kuò)闊蠟臘萊來賴藍(lán)欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離裏鯉禮麗厲勵(lì)礫曆瀝隸倆聯(lián)蓮連鐮?wèi)z漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴淩靈嶺領(lǐng)餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡(luò)媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿(mào)麼黴沒鎂門悶們錳夢(mèng)謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆撚釀鳥聶齧鑷鎳檸獰甯擰濘鈕紐膿濃農(nóng)瘧諾歐鷗毆嘔漚盤龐國(guó)愛賠噴鵬騙飄頻貧蘋憑評(píng)潑頗撲鋪樸譜臍齊騎豈啓氣棄訖牽扡釺鉛遷簽謙錢鉗潛淺譴塹槍嗆牆薔強(qiáng)搶鍬橋喬僑翹竅竊欽親輕氫傾頃請(qǐng)慶瓊窮趨區(qū)軀驅(qū)齲顴權(quán)勸卻鵲讓饒擾繞熱韌認(rèn)紉榮絨軟銳閏潤(rùn)灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陝贍繕傷賞燒紹賒攝懾設(shè)紳審嬸腎滲聲繩勝聖師獅濕詩屍時(shí)蝕實(shí)識(shí)駛勢(shì)釋飾視試壽獸樞輸書贖屬術(shù)樹豎數(shù)帥雙誰稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻擡攤貪癱灘壇譚談歎湯燙濤縧騰謄銻題體屜條貼鐵廳聽烴銅統(tǒng)頭圖塗團(tuán)頹蛻脫鴕馱駝橢窪襪彎灣頑萬網(wǎng)韋違圍爲(wèi)濰維葦偉僞緯謂衛(wèi)溫聞紋穩(wěn)問甕撾蝸渦窩嗚鎢烏誣無蕪吳塢霧務(wù)誤錫犧襲習(xí)銑戲細(xì)蝦轄峽俠狹廈鍁鮮纖鹹賢銜閑顯險(xiǎn)現(xiàn)獻(xiàn)縣餡羨憲線廂鑲鄉(xiāng)詳響項(xiàng)蕭銷曉嘯蠍協(xié)挾攜脅諧寫瀉謝鋅釁興洶鏽繡虛噓須許緒續(xù)軒懸選癬絢學(xué)勳詢尋馴訓(xùn)訊遜壓鴉鴨啞亞訝閹煙鹽嚴(yán)顔閻豔厭硯彥諺驗(yàn)鴦楊揚(yáng)瘍陽癢養(yǎng)樣瑤搖堯遙窯謠藥爺頁業(yè)葉醫(yī)銥頤遺儀彜蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應(yīng)纓瑩螢營(yíng)熒蠅穎喲擁傭癰踴詠湧優(yōu)憂郵鈾猶遊誘輿魚漁娛與嶼語籲禦獄譽(yù)預(yù)馭鴛淵轅園員圓緣遠(yuǎn)願(yuàn)約躍鑰嶽粵悅閱雲(yún)鄖勻隕運(yùn)蘊(yùn)醞暈韻雜災(zāi)載攢暫贊贓髒鑿棗竈責(zé)擇則澤賊贈(zèng)紮劄軋鍘閘詐齋債氈盞斬輾嶄棧戰(zhàn)綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮(zhèn)陣掙睜猙幀鄭證織職執(zhí)紙摯擲幟質(zhì)鍾終種腫衆(zhòng)謅軸皺晝驟豬諸誅燭矚囑貯鑄築駐專磚轉(zhuǎn)賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鑽緻鐘麼為隻兇準(zhǔn)啟闆裡靂餘鍊洩';
String.prototype.tran=function(){
var s1,s2;
if(zh_choose=='t'){
s1 = zh_s;
s2 = zh_t;
}else if(zh_choose=='s'){
s1 = zh_t;
s2 = zh_s;
}else{
return this;
}
var a = '';
var l = this.length;
for(var i=0;i<this.length;i++){
var c = this.charAt(i);
var p = s1.indexOf(c);
a += p < 0 ? c : s2.charAt(p);
}
return a;
}
function setCookie(name, value){
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if(expires != null){
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
}
function getCookie(Name){
var search = Name + "=";
if(document.cookie.length > 0){
offset = document.cookie.indexOf(search);
if(offset != -1){
offset += search.length;
end = document.cookie.indexOf(";", offset);
if(end == -1){
end = document.cookie.length;
}
return unescape(document.cookie.substring(offset, end));
}else{
return '';
}
}
}
function zh_tranBody(obj){
var o = (typeof(obj) == "object") ? obj.childNodes : document.body.childNodes;
for (var i = 0; i < o.length; i++){
var c = o.item(i);
if('||BR|HR|TEXTAREA|SCRIPT|'.indexOf("|"+c.tagName+"|") > 0) continue;
if(c.className == zh_class){
if(c.id == zh_class + '_' + zh_choose){
c.setAttribute('style', zh_style_active);
c.style.cssText = zh_style_active;
}else{
c.setAttribute('style', zh_style_inactive);
c.style.cssText = zh_style_inactive;
}
continue;
}
if(c.title != '' && c.title != null){
c.title = c.title.tran();
}
if(c.alt != '' && c.alt != null){
c.alt = c.alt.tran();
}
if(c.tagName == "INPUT" && c.value != '' && c.type != 'text' && c.type != 'hidden' && c.type != 'password'){
c.value = c.value.tran();
}
if(c.nodeType == 3){
c.data = c.data.tran();
}else{
zh_tranBody(c);
}
}
}
function zh_tran(go){
if(go) zh_choose = go;
setCookie('zh_choose', zh_choose, zh_expires);
if(go == 'n'){
window.location.reload();
}else {
zh_tranBody();
}
}
function zh_getLang(){
if(getCookie('zh_choose')){
zh_choose = getCookie('zh_choose');
return true;
}
if(!zh_autoLang_t && !zh_autoLang_s){
return false;
}
if(getCookie('zh_autoLang_checked')){
return false;
}
if(navigator.language){
zh_browserLang = navigator.language;
}else if(navigator.browserLanguage){
zh_browserLang = navigator.browserLanguage;
}
if(zh_autoLang_t && zh_langReg_t.test(zh_browserLang)){
zh_choose = 't';
}else if(zh_autoLang_s && zh_langReg_s.test(zh_browserLang)){
zh_choose = 's';
}
zh_autoLang_checked = 1;
setCookie('zh_choose', zh_choose, zh_expires);
if(zh_choose == zh_default){
return false;
}
return true;
}
function zh_init(){
zh_getLang();
c = document.getElementById(zh_class + '_' + zh_choose);
if(zh_choose != zh_default){
if(window.onload){
window.onload_before_zh_init = window.onload;
window.onload = function(){
zh_tran(zh_choose);
if(zh_autoLang_alert){
};
window.onload_before_zh_init();
};
}else{
window.onload = function(){
zh_tran(zh_choose);
if(zh_autoLang_alert){
};
};
}
}
}
zh_init();// JavaScript Document
本站提供下載這段代碼
如果只想讓全站顯示繁體，不用切換，用下面CSS代碼就可以搞定了。
font-variant-east-asian: traditional;
把上面樣式加入你的頁面樣式里面就可以了。表示當(dāng)前文字使用繁體變體。
]]>
| #FFFFFF | #FFFFF0 | #FFFFE0 | #FFFF00 | ||||
| #FFFAFA | #FFFAF0 | #FFFACD | #FFF8DC | ||||
| #FFF68F | #FFF5EE | #FFF0F5 | #FFEFDB | ||||
| #FFEFD5 | #FFEC8B | #FFEBCD | #FFE7BA | ||||
| #FFE4E1 | #FFE4C4 | #FFE4B5 | #FFE1FF | ||||
| #FFDEAD | #FFDAB9 | #FFD700 | #FFD39B | ||||
| #FFC1C1 | #FFC125 | #FFC0CB | #FFBBFF | ||||
| #FFB90F | #FFB6C1 | #FFB5C5 | #FFAEB9 | ||||
| #FFA54F | #FFA500 | #FFA07A | #FF8C69 | ||||
| #FF8C00 | #FF83FA | #FF82AB | #FF8247 | ||||
| #FF7F50 | #FF7F24 | #FF7F00 | #FF7256 | ||||
| #FF6EB4 | #FF6A6A | #FF69B4 | #FF6347 | ||||
| #FF4500 | #FF4040 | #FF3E96 | #FF34B3 | ||||
| #FF3030 | #FF1493 | #FF00FF | #FF0000 | ||||
| #FDF5E6 | #FCFCFC | #FAFAFA | #FAFAD2 | ||||
| #FAF0E6 | #FAEBD7 | #FA8072 | #F8F8FF | ||||
| #F7F7F7 | #F5FFFA | #F5F5F5 | #F5F5DC | ||||
| #F5DEB3 | #F4F4F4 | #F4A460 | #F2F2F2 | ||||
| #F0FFFF | #F0FFF0 | #F0F8FF | #F0F0F0 | ||||
| #F0E68C | #F08080 | #EEEEE0 | #EEEED1 | ||||
| #EEEE00 | #EEE9E9 | #EEE9BF | #EEE8CD | ||||
| #EEE8AA | #EEE685 | #EEE5DE | #EEE0E5 | ||||
| #EEDFCC | #EEDC82 | #EED8AE | #EED5D2 | ||||
| #EED5B7 | #EED2EE | #EECFA1 | #EECBAD | ||||
| #EEC900 | #EEC591 | #EEB4B4 | #EEB422 | ||||
| #EEAEEE | #EEAD0E | #EEA9B8 | #EEA2AD | ||||
| #EE9A49 | #EE9A00 | #EE9572 | #EE82EE | ||||
| #EE8262 | #EE7AE9 | #EE799F | #EE7942 | ||||
| #EE7621 | #EE7600 | #EE6AA7 | #EE6A50 | ||||
| #EE6363 | #EE5C42 | #EE4000 | #EE3B3B | ||||
| #EE3A8C | #EE30A7 | #EE2C2C | #EE1289 | ||||
| #EE00EE | #EE0000 | #EDEDED | #EBEBEB | ||||
| #EAEAEA | #E9967A | #E8E8E8 | #E6E6FA | ||||
| #E5E5E5 | #E3E3E3 | #E0FFFF | #E0EEEE | ||||
| #E0EEE0 | #E0E0E0 | #E066FF | #DEDEDE | ||||
| #DEB887 | #DDA0DD | #DCDCDC | #DC143C | ||||
| #DBDBDB | #DB7093 | #DAA520 | #DA70D6 | ||||
| #D9D9D9 | #D8BFD8 | #D6D6D6 | #D4D4D4 | ||||
| #D3D3D3 | #D2B48C | #D2691E | #D1EEEE | ||||
| #D1D1D1 | #D15FEE | #D02090 | #CFCFCF | ||||
| #CDCDC1 | #CDCDB4 | #CDCD00 | #CDC9C9 | ||||
| #CDC9A5 | #CDC8B1 | #CDC673 | #CDC5BF | ||||
| #CDC1C5 | #CDC0B0 | #CDBE70 | #CDBA96 | ||||
| #CDB7B5 | #CDB79E | #CDB5CD | #CDB38B | ||||
| #CDAF95 | #CDAD00 | #CDAA7D | #CD9B9B | ||||
| #CD9B1D | #CD96CD | #CD950C | #CD919E | ||||
| #CD8C95 | #CD853F | #CD8500 | #CD8162 | ||||
| #CD7054 | #CD69C9 | #CD6889 | #CD6839 | ||||
| #CD661D | #CD6600 | #CD6090 | #CD5C5C | ||||
| #CD5B45 | #CD5555 | #CD4F39 | #CD3700 | ||||
| #CD3333 | #CD3278 | #CD2990 | #CD2626 | ||||
| #CD1076 | #CD00CD | #CD0000 | #CCCCCC | ||||
| #CAFF70 | #CAE1FF | #C9C9C9 | #C7C7C7 | ||||
| #C71585 | #C6E2FF | #C67171 | #C5C1AA | ||||
| #C4C4C4 | #C2C2C2 | #C1FFC1 | #C1CDCD | ||||
| #C1CDC1 | #C1C1C1 | #C0FF3E | #BFEFFF | ||||
| #BFBFBF | #BF3EFF | #BEBEBE | #BDBDBD | ||||
| #BDB76B | #BCEE68 | #BCD2EE | #BC8F8F | ||||
| #BBFFFF | #BABABA | #BA55D3 | #B9D3EE | ||||
| #B8B8B8 | #B8860B | #B7B7B7 | #B5B5B5 | ||||
| #B4EEB4 | #B4CDCD | #B452CD | #B3EE3A | ||||
| #B3B3B3 | #B2DFEE | #B23AEE | #B22222 | ||||
| #B0E2FF | #B0E0E6 | #B0C4DE | #B0B0B0 | ||||
| #B03060 | #AEEEEE | #ADFF2F | #ADD8E6 | ||||
| #ADADAD | #ABABAB | #AB82FF | #AAAAAA | ||||
| #A9A9A9 | #A8A8A8 | #A6A6A6 | #A52A2A | ||||
| #A4D3EE | #A3A3A3 | #A2CD5A | #A2B5CD | ||||
| #A1A1A1 | #A0522D | #A020F0 | #9FB6CD | ||||
| #9F79EE | #9E9E9E | #9C9C9C | #9BCD9B | ||||
| #9B30FF | #9AFF9A | #9ACD32 | #9AC0CD | ||||
| #9A32CD | #999999 | #9932CC | #98FB98 | ||||
| #98F5FF | #97FFFF | #96CDCD | #969696 | ||||
| #949494 | #9400D3 | #9370DB | #919191 | ||||
| #912CEE | #90EE90 | #8FBC8F | #8F8F8F | ||||
| #8EE5EE | #8E8E8E | #8E8E38 | #8E388E | ||||
| #8DEEEE | #8DB6CD | #8C8C8C | #8B8B83 | ||||
| #8B8B7A | #8B8B00 | #8B8989 | #8B8970 | ||||
| #8B8878 | #8B8682 | #8B864E | #8B8386 | ||||
| #8B8378 | #8B814C | #8B7E66 | #8B7D7B | ||||
| #8B7D6B | #8B7B8B | #8B795E | #8B7765 | ||||
| #8B7500 | #8B7355 | #8B6969 | #8B6914 | ||||
| #8B668B | #8B6508 | #8B636C | #8B5F65 | ||||
| #8B5A2B | #8B5A00 | #8B5742 | #8B4C39 | ||||
| #8B4789 | #8B475D | #8B4726 | #8B4513 | ||||
| #8B4500 | #8B3E2F | #8B3A62 | #8B3A3A | ||||
| #8B3626 | #8B2500 | #8B2323 | #8B2252 | ||||
| #8B1C62 | #8B1A1A | #8B0A50 | #8B008B | ||||
| #8B0000 | #8A8A8A | #8A2BE2 | #8968CD | ||||
| #87CEFF | #87CEFA | #87CEEB | #878787 | ||||
| #858585 | #848484 | #8470FF | #838B8B | ||||
| #838B83 | #836FFF | #828282 | #7FFFD4 | ||||
| #7FFF00 | #7F7F7F | #7EC0EE | #7D9EC0 | ||||
| #7D7D7D | #7D26CD | #7CFC00 | #7CCD7C | ||||
| #7B68EE | #7AC5CD | #7A8B8B | #7A7A7A | ||||
| #7A67EE | #7A378B | #79CDCD | #787878 | ||||
| #778899 | #76EEC6 | #76EE00 | #757575 | ||||
| #737373 | #71C671 | #7171C6 | #708090 | ||||
| #707070 | #6E8B3D | #6E7B8B | #6E6E6E | ||||
| #6CA6CD | #6C7B8B | #6B8E23 | #6B6B6B | ||||
| #6A5ACD | #698B69 | #698B22 | #696969 | ||||
| #6959CD | #68838B | #68228B | #66CDAA | ||||
| #66CD00 | #668B8B | #666666 | #6495ED | ||||
| #63B8FF | #636363 | #616161 | #607B8B | ||||
| #5F9EA0 | #5E5E5E | #5D478B | #5CACEE | ||||
| #5C5C5C | #5B5B5B | #595959 | #575757 | ||||
| #556B2F | #555555 | #551A8B | #54FF9F | ||||
| #548B54 | #545454 | #53868B | #528B8B | ||||
| #525252 | #515151 | #4F94CD | #4F4F4F | ||||
| #4EEE94 | #4D4D4D | #4B0082 | #4A708B | ||||
| #4A4A4A | #48D1CC | #4876FF | #483D8B | ||||
| #474747 | #473C8B | #4682B4 | #458B74 | ||||
| #458B00 | #454545 | #43CD80 | #436EEE | ||||
| #424242 | #4169E1 | #40E0D0 | #404040 | ||||
| #3D3D3D | #3CB371 | #3B3B3B | #3A5FCD | ||||
| #388E8E | #383838 | #36648B | #363636 | ||||
| #333333 | #32CD32 | #303030 | #2F4F4F | ||||
| #2E8B57 | #2E2E2E | #2B2B2B | #292929 | ||||
| #282828 | #27408B | #262626 | #242424 | ||||
| #228B22 | #218868 | #212121 | #20B2AA | ||||
| #1F1F1F | #1E90FF | #1E1E1E | #1C86EE | ||||
| #1C1C1C | #1A1A1A | #191970 | #1874CD | ||||
| #171717 | #141414 | #121212 | #104E8B | ||||
| #0F0F0F | #0D0D0D | #0A0A0A | #080808 | ||||
| #050505 | #030303 | #00FFFF | #00FF7F | ||||
| #00FF00 | #00FA9A | #00F5FF | #00EEEE | ||||
| #00EE76 | #00EE00 | #00E5EE | #00CED1 | ||||
| #00CDCD | #00CD66 | #00CD00 | #00C5CD | ||||
| #00BFFF | #00B2EE | #009ACD | #008B8B | ||||
| #008B45 | #008B00 | #00868B | #00688B | ||||
| #006400 | #0000FF | #0000EE | #0000CD | ||||
| #0000AA | #00008B | #000080 | #000000 |
| 顏色代碼表Ⅰ | |||||||||
| #000000 | #2F0000 | #600030 | #460046 | #28004D | |||||
| #272727 | #4D0000 | #820041 | #5E005E | #3A006F | |||||
| #3C3C3C | #600000 | #9F0050 | #750075 | #4B0091 | |||||
| #4F4F4F | #750000 | #BF0060 | #930093 | #5B00AE | |||||
| #5B5B5B | #930000 | #D9006C | #AE00AE | #6F00D2 | |||||
| #6C6C6C | #AE0000 | #F00078 | #D200D2 | #8600FF | |||||
| #7B7B7B | #CE0000 | #FF0080 | #E800E8 | #921AFF | |||||
| #8E8E8E | #EA0000 | #FF359A | #FF00FF | #9F35FF | |||||
| #9D9D9D | #FF0000 | #FF60AF | #FF44FF | #B15BFF | |||||
| #ADADAD | #FF2D2D | #FF79BC | #FF77FF | #BE77FF | |||||
| #BEBEBE | #FF5151 | #FF95CA | #FF8EFF | #CA8EFF | |||||
| #d0d0d0 | #ff7575 | #ffaad5 | #ffa6ff | #d3a4ff | |||||
| #E0E0E0 | #FF9797 | #FFC1E0 | #FFBFFF | #DCB5FF | |||||
| #F0F0F0 | #FFB5B5 | #FFD9EC | #FFD0FF | #E6CAFF | |||||
| #FCFCFC | #FFD2D2 | #FFECF5 | #FFE6FF | #F1E1FF | |||||
| #FFFFFF | #FFECEC | #FFF7FB | #FFF7FF | #FAF4FF | |||||
| #000079 | #000079 | #003E3E | #006030 | #006000 | |||||
| #000093 | #003D79 | #005757 | #01814A | #007500 | |||||
| #0000C6 | #004B97 | #007979 | #019858 | #009100 | |||||
| #0000C6 | #005AB5 | #009393 | #01B468 | #00A600 | |||||
| #0000E3 | #0066CC | #00AEAE | #02C874 | #00BB00 | |||||
| #2828FF | #0072E3 | #00CACA | #02DF82 | #00DB00 | |||||
| #4A4AFF | #0080FF | #00E3E3 | #02F78E | #00EC00 | |||||
| #6A6AFF | #2894FF | #00FFFF | #1AFD9C | #28FF28 | |||||
| #7D7DFF | #46A3FF | #4DFFFF | #4EFEB3 | #53FF53 | |||||
| #9393FF | #66B3FF | #80FFFF | #7AFEC6 | #79FF79 | |||||
| #AAAAFF | #84C1FF | #A6FFFF | #96FED1 | #93FF93 | |||||
| #B9B9FF | #97CBFF | #BBFFFF | #ADFEDC | #A6FFA6 | |||||
| #CECEFF | #ACD6FF | #CAFFFF | #C1FFE4 | #BBFFBB | |||||
| #DDDDFF | #C4E1FF | #D9FFFF | #D7FFEE | #CEFFCE | |||||
| #ECECFF | #D2E9FF | #ECFFFF | #E8FFF5 | #DFFFDF | |||||
| #FBFBFF | #ECF5FF | #FDFFFF | #FBFFFD | #F0FFF0 | |||||
| #467500 | #424200 | #5B4B00 | #844200 | #642100 | |||||
| #548C00 | #5B5B00 | #796400 | #9F5000 | #842B00 | |||||
| #64A600 | #737300 | #977C00 | #BB5E00 | #A23400 | |||||
| #73BF00 | #8C8C00 | #AE8F00 | #D26900 | #BB3D00 | |||||
| #82D900 | #A6A600 | #C6A300 | #EA7500 | #D94600 | |||||
| #8CEA00 | #C4C400 | #D9B300 | #FF8000 | #F75000 | |||||
| #9AFF02 | #E1E100 | #EAC100 | #FF9224 | #FF5809 | |||||
| #A8FF24 | #F9F900 | #FFD306 | #FFA042 | #FF8040 | |||||
| #B7FF4A | #FFFF37 | #FFDC35 | #FFAF60 | #FF8F59 | |||||
| #C2FF68 | #FFFF6F | #FFE153 | #FFBB77 | #FF9D6F | |||||
| #CCFF80 | #FFFF93 | #FFE66F | #FFC78E | #FFAD86 | |||||
| #D3FF93 | #FFFFAA | #FFED97 | #FFD1A4 | #FFBD9D | |||||
| #DEFFAC | #FFFFB9 | #FFF0AC | #FFDCB9 | #FFCBB3 | |||||
| #E8FFC4 | #FFFFCE | #FFF4C1 | #FFE4CA | #FFDAC8 | |||||
| #EFFFD7 | #FFFFDF | #FFF8D7 | #FFEEDD | #FFE6D9 | |||||
| #F5FFE8 | #FFFFF4 | #FFFCEC | #FFFAF4 | #FFF3EE | |||||
| #613030 | #616130 | #336666 | #484891 | #6C3365 | |||||
| #743A3A | #707038 | #3D7878 | #5151A2 | #7E3D76 | |||||
| #804040 | #808040 | #408080 | #5A5AAD | #8F4586 | |||||
| #984B4B | #949449 | #4F9D9D | #7373B9 | #9F4D95 | |||||
| #AD5A5A | #A5A552 | #5CADAD | #8080C0 | #AE57A4 | |||||
| #B87070 | #AFAF61 | #6FB7B7 | #9999CC | #B766AD | |||||
| #C48888 | #B9B973 | #81C0C0 | #A6A6D2 | #C07AB8 | |||||
| #CF9E9E | #C2C287 | #95CACA | #B8B8DC | #CA8EC2 | |||||
| #D9B3B3 | #CDCD9A | #A3D1D1 | #C7C7E2 | #D2A2CC | |||||
| #E1C4C4 | #D6D6AD | #B3D9D9 | #D8D8EB | #DAB1D5 | |||||
| #EBD6D6 | #DEDEBE | #C4E1E1 | #E6E6F2 | #E2C2DE | |||||
| #F2E6E6 | #E8E8D0 | #D1E9E9 | #F3F3FA | #EBD3E8 | |||||
| 顏色代碼表Ⅱ | |||||
|
red
|
green
|
blue
|
magenta
|
yellow
|
chocolate
|
|
black
|
aquamarine
|
lime
|
fuchsia
|
brass
|
azure
|
|
brown
|
bronze
|
deeppink
|
aliceblue
|
gray
|
copper
|
|
coral
|
feldspar
|
orange
|
orchid
|
pink
|
plum
|
|
quartz
|
purple
|
aliceblue
|
antiquewith
|
blanchedalmond
|
blueviolet
|
|
beige
|
burlywood
|
bisque
|
cadetblue
|
pink
|
saddlebrown
|
|
royalblue
|
rosybrown
|
purple
|
orengered
|
olivedrab
|
powderblue
|
|
peachpuff
|
papayawhip
|
paleturquoise
|
palevioletred
|
palegreen
|
navyblue
|
|
navajowhite
|
palegodenrod
|
violetred
|
yellowgreen
|
tomato
|
turquoise
|
|
thistle
|
springgreen
|
steelblue
|
salmon
|
scarlet
|
sienna
|
|
silver
|
tan
|
thistle
|
turquoise
|
violet
|
snow
|
|
salmon
|
scarlet
|
sienna
|
silver
|
tan
|
thistle
|
|
turquoise
|
violet
|
chartreuse
|
darkslategray
|
darkseagreen
|
darkred
|
|
mediumslateblue
|
mediumvioletred
|
oldlace
|
maroom
|
goldenrod
|
wheat
|
|
whitesmoke
|
orange
|
moccasin
|
mistyrose
|
mintcream
|
midnightblue
|
|
dimgray
|
darksalmon
|
slategray
|
skyblue
|
sienna
|
seashell
|
|
salmon
|
seagreen
|
sandybrown
|
firebrick
|
gold
|
khaki
|
|
maroom
|
goldenrod
|
wheat
|
whitesmoke
|
mediumturquoise
|
navy
|
|
mediumspringgreen
|
mediumseagreen
|
mediumpurpul
|
peru
|
mediumorchid
|
mediumblue
|
|
mediumaquamarine
|
maroon
|
limegreen
|
lightyellow
|
lightsteelblue
|
magenta
|
|
lightslateblue
|
lightslategray
|
lightskyblue
|
inen
|
lightseagreen
|
lightsalmon
|
|
lightpink
|
plum
|
lightgray
|
lightgreen
|
lightgodenrodyellow
|
indianred
|
|
lavender
|
lightblue
|
lavenderblush
|
lightcoral
|
lightcyan
|
lightgodenrod
|
|
hotpink
|
greenyellow
|
lemonchiffon
|
lawngreen
|
darkorchid
|
deepskyblue
|
|
honeydew
|
golenrod
|
forestgreen
|
gostwhite
|
greenyellow
|
gainsboro
|
|
firebrick
|
dodgerblue
|
darkturquoise
|
darkslateblue
|
darkslategray
|
darkseagreen
|
|
darkred
|
darkorchid
|
darkorenge
|
darkslateblue
|
darkviolet
|
floralwhite
|
|
cyan
|
darkgoldenrod
|
cornsilk
|
darkolivegreen
|
bisquedarkgray |
darkblue
|
|
darkcyan
|
darkgreen
|
darkhaki
|
ivory
|
darkmagenta
|
darkgray
|
|
cornfloewrblue
|
cornfloewrblue
|
darkviolet
|
floralwhite
|
darkorenge
|
darkslateblue
|