《HTML5編程自學與面試指南》13:顏色名和色值

大前端設計(H5+小程序+App)

溫馨提示:

本文中可能包含表格,在手機屏幕上豎屏顯示時,一行內(nèi)可顯示中文字符數(shù)量為20個左右,因部分表格單元格內(nèi)容過長會導致自動換行,從而使得排版不太美觀。

另外,本文中可能包含高清圖片,在手機屏幕上預覽時,我們需要頻繁的進行放大縮小操作,這是相當麻煩的一件事情。

因此,如果條件允許,建議您坐在舒適的辦公桌前,沖泡一杯咖啡或者茶,在電腦上閱讀以獲得更好的體驗。

本文提供了被大多數(shù)瀏覽器支持的顏色名。

提示:
W3C 的 HTML 4.0 標準僅支持 16 種顏色名,它們是:aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

如果使用其它顏色的話,就應該使用十六進制的顏色值,格式如下:

#RRGGBB

顏色名列表

單擊一個顏色名或者 16 進制值,就可以查看與不同文字顏色搭配的背景顏色。

顏色名 十六進制顏色值 顏色
AliceBlue #F0F8FF \color{#F0F8FF}{██████}
AntiqueWhite #FAEBD7 \color{#FAEBD7}{██████}
Aqua #00FFFF \color{#00FFFF}{██████}
Aquamarine #7FFFD4 \color{#7FFFD4}{██████}
Azure #F0FFFF \color{#F0FFFF}{██████}
Beige #F5F5DC \color{#F5F5DC}{██████}
Bisque #FFE4C4 \color{#FFE4C4}{██████}
Black #000000 \color{#000000}{██████}
BlanchedAlmond #FFEBCD \color{#FFEBCD}{██████}
Blue #0000FF \color{#0000FF}{██████}
BlueViolet #8A2BE2 \color{#8A2BE2}{██████}
Brown #A52A2A \color{#A52A2A}{██████}
BurlyWood #DEB887 \color{#DEB887}{██████}
CadetBlue #5F9EA0 \color{#5F9EA0}{██████}
Chartreuse #7FFF00 \color{#7FFF00}{██████}
Chocolate #D2691E \color{#D2691E}{██████}
Coral #FF7F50 \color{#FF7F50}{██████}
CornflowerBlue #6495ED \color{#6495ED}{██████}
Cornsilk #FFF8DC \color{#FFF8DC}{██████}
Crimson #DC143C \color{#DC143C}{██████}
Cyan #00FFFF \color{#00FFFF}{██████}
DarkBlue #00008B \color{#00008B}{██████}
DarkCyan #008B8B \color{#008B8B}{██████}
DarkGoldenRod #B8860B \color{#B8860B}{██████}
DarkGray #A9A9A9 \color{#A9A9A9}{██████}
DarkGreen #006400 \color{#006400}{██████}
DarkKhaki #BDB76B \color{#BDB76B}{██████}
DarkMagenta #8B008B \color{#8B008B}{██████}
DarkOliveGreen #556B2F \color{#556B2F}{██████}
Darkorange #FF8C00 \color{#FF8C00}{██████}
DarkOrchid #9932CC \color{#9932CC}{██████}
DarkRed #8B0000 \color{#8B0000}{██████}
DarkSalmon #E9967A \color{#E9967A}{██████}
DarkSeaGreen #8FBC8F \color{#8FBC8F}{██████}
DarkSlateBlue #483D8B \color{#483D8B}{██████}
DarkSlateGray #2F4F4F \color{#2F4F4F}{██████}
DarkTurquoise #00CED1 \color{#00CED1}{██████}
DarkViolet #9400D3 \color{#9400D3}{██████}
DeepPink #FF1493 \color{#FF1493}{██████}
DeepSkyBlue #00BFFF \color{#00BFFF}{██████}
DimGray #696969 \color{#696969}{██████}
DodgerBlue #1E90FF \color{#1E90FF}{██████}
Feldspar #D19275 \color{#D19275}{██████}
FireBrick #B22222 \color{#B22222}{██████}
FloralWhite #FFFAF0 \color{#FFFAF0}{██████}
ForestGreen #228B22 \color{#228B22}{██████}
Fuchsia #FF00FF \color{#FF00FF}{██████}
Gainsboro #DCDCDC \color{#DCDCDC}{██████}
GhostWhite #F8F8FF \color{#F8F8FF}{██████}
Gold #FFD700 \color{#FFD700}{██████}
GoldenRod #DAA520 \color{#DAA520}{██████}
Gray #808080 \color{#808080}{██████}
Green #008000 \color{#008000}{██████}
GreenYellow #ADFF2F \color{#ADFF2F}{██████}
HoneyDew #F0FFF0 \color{#F0FFF0}{██████}
HotPink #FF69B4 \color{#FF69B4}{██████}
IndianRed #CD5C5C \color{#CD5C5C}{██████}
Indigo #4B0082 \color{#4B0082}{██████}
Ivory #FFFFF0 \color{#FFFFF0}{██████}
Khaki #F0E68C \color{#F0E68C}{██████}
Lavender #E6E6FA \color{#E6E6FA}{██████}
LavenderBlush #FFF0F5 \color{#FFF0F5}{██████}
LawnGreen #7CFC00 \color{#7CFC00}{██████}
LemonChiffon #FFFACD \color{#FFFACD}{██████}
LightBlue #ADD8E6 \color{#ADD8E6}{██████}
LightCoral #F08080 \color{#F08080}{██████}
LightCyan #E0FFFF \color{#E0FFFF}{██████}
LightGoldenRodYellow #FAFAD2 \color{#FAFAD2}{██████}
LightGrey #D3D3D3 \color{#D3D3D3}{██████}
LightGreen #90EE90 \color{#90EE90}{██████}
LightPink #FFB6C1 \color{#FFB6C1}{██████}
LightSalmon #FFA07A \color{#FFA07A}{██████}
LightSeaGreen #20B2AA \color{#20B2AA}{██████}
LightSkyBlue #87CEFA \color{#87CEFA}{██████}
LightSlateBlue #8470FF \color{#8470FF}{██████}
LightSlateGray #778899 \color{#778899}{██████}
LightSteelBlue #B0C4DE \color{#B0C4DE}{██████}
LightYellow #FFFFE0 \color{#FFFFE0}{██████}
Lime #00FF00 \color{#00FF00}{██████}
LimeGreen #32CD32 \color{#32CD32}{██████}
Linen #FAF0E6 \color{#FAF0E6}{██████}
Magenta #FF00FF \color{#FF00FF}{██████}
Maroon #800000 \color{#800000}{██████}
MediumAquaMarine #66CDAA \color{#66CDAA}{██████}
MediumBlue #0000CD \color{#0000CD}{██████}
MediumOrchid #BA55D3 \color{#BA55D3}{██████}
MediumPurple #9370D8 \color{#9370D8}{██████}
MediumSeaGreen #3CB371 \color{#3CB371}{██████}
MediumSlateBlue #7B68EE \color{#7B68EE}{██████}
MediumSpringGreen #00FA9A \color{#00FA9A}{██████}
MediumTurquoise #48D1CC \color{#48D1CC}{██████}
MediumVioletRed #C71585 \color{#C71585}{██████}
MidnightBlue #191970 \color{#191970}{██████}
MintCream #F5FFFA \color{#F5FFFA}{██████}
MistyRose #FFE4E1 \color{#FFE4E1}{██████}
Moccasin #FFE4B5 \color{#FFE4B5}{██████}
NavajoWhite #FFDEAD \color{#FFDEAD}{██████}
Navy #000080 \color{#000080}{██████}
OldLace #FDF5E6 \color{#FDF5E6}{██████}
Olive #808000 \color{#808000}{██████}
OliveDrab #6B8E23 \color{#6B8E23}{██████}
Orange #FFA500 \color{#FFA500}{██████}
OrangeRed #FF4500 \color{#FF4500}{██████}
Orchid #DA70D6 \color{#DA70D6}{██████}
PaleGoldenRod #EEE8AA \color{#EEE8AA}{██████}
PaleGreen #98FB98 \color{#98FB98}{██████}
PaleTurquoise #AFEEEE \color{#AFEEEE}{██████}
PaleVioletRed #D87093 \color{#D87093}{██████}
PapayaWhip #FFEFD5 \color{#FFEFD5}{██████}
PeachPuff #FFDAB9 \color{#FFDAB9}{██████}
Peru #CD853F \color{#CD853F}{██████}
Pink #FFC0CB \color{#FFC0CB}{██████}
Plum #DDA0DD \color{#DDA0DD}{██████}
PowderBlue #B0E0E6 \color{#B0E0E6}{██████}
Purple #800080 \color{#800080}{██████}
Red #FF0000 \color{#FF0000}{██████}
RosyBrown #BC8F8F \color{#BC8F8F}{██████}
RoyalBlue #4169E1 \color{#4169E1}{██████}
SaddleBrown #8B4513 \color{#8B4513}{██████}
Salmon #FA8072 \color{#FA8072}{██████}
SandyBrown #F4A460 \color{#F4A460}{██████}
SeaGreen #2E8B57 \color{#2E8B57}{██████}
SeaShell #FFF5EE \color{#FFF5EE}{██████}
Sienna #A0522D \color{#A0522D}{██████}
Silver #C0C0C0 \color{#C0C0C0}{██████}
SkyBlue #87CEEB \color{#87CEEB}{██████}
SlateBlue #6A5ACD \color{#6A5ACD}{██████}
SlateGray #708090 \color{#708090}{██████}
Snow #FFFAFA \color{#FFFAFA}{██████}
SpringGreen #00FF7F \color{#00FF7F}{██████}
SteelBlue #4682B4 \color{#4682B4}{██████}
Tan #D2B48C \color{#D2B48C}{██████}
Teal #008080 \color{#008080}{██████}
Thistle #D8BFD8 \color{#D8BFD8}{██████}
Tomato #FF6347 \color{#FF6347}{██████}
Turquoise #40E0D0 \color{#40E0D0}{██████}
Violet #EE82EE \color{#EE82EE}{██████}
VioletRed #D02090 \color{#D02090}{██████}
Wheat #F5DEB3 \color{#F5DEB3}{██████}
White #FFFFFF \color{#FFFFFF}{██████}
WhiteSmoke #F5F5F5 \color{#F5F5F5}{██████}
Yellow #FFFF00 \color{#FFFF00}{██████}
YellowGreen #9ACD32 \color{#9ACD32}{██████}

如果您不能靜下心來,不精心雕琢和打造自己的知識系統(tǒng)和技能體系,沉迷于點石成金亦或是拔苗助長等等的奇技淫巧之間,那都是事倍功半的瞎忙活!

古往今來,學習,沒有捷徑,除非出現(xiàn)科幻般的腦機互聯(lián)......但有拙法,那就是書山有路勤為徑,學海無涯苦作舟!更何況,日新月異知識爆炸的今天,態(tài)度猶豫和停止學習,那么等待您的,唯有叢林淘汰法則。

書,能讀完嗎?肯定不能,汗牛充棟!
書,能學完嗎?絕對可以,得讀經(jīng)典。

好好學習,天天向上!繼續(xù)下一章...


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374