HTML 颜色组

按颜色组排序的颜色名称

所有现代浏览器都支持以下 140 种颜色名称（点击颜色名称或十六进制值，查看作为背景色的颜色以及不同的文本颜色）

颜色名称	HEX	颜色	阴影	混合
粉彩色
粉色	#FFC0CB		阴影	混合
浅粉色	#FFB6C1		阴影	混合
艳粉色	#FF69B4		阴影	混合
深粉色	#FF1493		阴影	混合
苍紫罗兰红	#DB7093		阴影	混合
中紫罗兰红	#C71585		阴影	混合
紫色
颜色名称	HEX	颜色	阴影	混合
淡紫色	#E6E6FA		阴影	混合
蓟色	#D8BFD8		阴影	混合
李子色	#DDA0DD		阴影	混合
兰花紫	#DA70D6		阴影	混合
紫罗兰色	#EE82EE		阴影	混合
紫红色	#FF00FF		阴影	混合
洋红色	#FF00FF		阴影	混合
中兰花紫	#BA55D3		阴影	混合
深兰花紫	#9932CC		阴影	混合
深紫罗兰色	#9400D3		阴影	混合
蓝紫罗兰色	#8A2BE2		阴影	混合
深洋红色	#8B008B		阴影	混合
紫色	#800080		阴影	混合
中紫色	#9370DB		阴影	混合
中石板蓝	#7B68EE		阴影	混合
石板蓝	#6A5ACD		阴影	混合
深石板蓝	#483D8B		阴影	混合
丽贝卡紫	#663399		阴影	混合
靛蓝色	#4B0082		阴影	混合
红色
颜色名称	HEX	颜色	阴影	混合
浅三文鱼色	#FFA07A		阴影	混合
三文鱼色	#FA8072		阴影	混合
深三文鱼色	#E9967A		阴影	混合
淡珊瑚色	#F08080		阴影	混合
印度红	#CD5C5C		阴影	混合
深红色	#DC143C		阴影	混合
红色	#FF0000		阴影	混合
火砖色	#B22222		阴影	混合
深红色	#8B0000		阴影	混合
橙色
颜色名称	HEX	颜色	阴影	混合
橙子	#FFA500		阴影	混合
深橙色	#FF8C00		阴影	混合
珊瑚色	#FF7F50		阴影	混合
番茄色	#FF6347		阴影	混合
橙红色	#FF4500		阴影	混合
黄色
颜色名称	HEX	颜色	阴影	混合
金色	#FFD700		阴影	混合
黄色	#FFFF00		阴影	混合
浅黄色	#FFFFE0		阴影	混合
柠檬绸	#FFFACD		阴影	混合
浅金菊黄	#FAFAD2		阴影	混合
木瓜鞭色	#FFEFD5		阴影	混合
鹿皮色	#FFE4B5		阴影	混合
桃红	#FFDAB9		阴影	混合
苍金菊色	#EEE8AA		阴影	混合
卡其色	#F0E68C		阴影	混合
深卡其色	#BDB76B		阴影	混合
绿色
颜色名称	HEX	颜色	阴影	混合
绿黄色	#ADFF2F		阴影	混合
黄绿色	#7FFF00		阴影	混合
草坪绿	#7CFC00		阴影	混合
酸橙色	#00FF00		阴影	混合
青柠绿	#32CD32		阴影	混合
苍绿色	#98FB98		阴影	混合
浅绿色	#90EE90		阴影	混合
中春绿色	#00FA9A		阴影	混合
春绿色	#00FF7F		阴影	混合
中海绿色	#3CB371		阴影	混合
海绿色	#2E8B57		阴影	混合
森林绿	#228B22		阴影	混合
绿色	#008000		阴影	混合
深绿色	#006400		阴影	混合
黄绿色	#9ACD32		阴影	混合
暗橄榄色	#6B8E23		阴影	混合
深橄榄绿	#556B2F		阴影	混合
中海蓝色	#66CDAA		阴影	混合
深海绿色	#8FBC8F		阴影	混合
浅海绿色	#20B2AA		阴影	混合
深青色	#008B8B		阴影	混合
水鸭色	#008080		阴影	混合
青色
颜色名称	HEX	颜色	阴影	混合
水绿色	#00FFFF		阴影	混合
青色	#00FFFF		阴影	混合
淡青色	#E0FFFF		阴影	混合
苍绿松石色	#AFEEEE		阴影	混合
海蓝色	#7FFFD4		阴影	混合
绿松石色	#40E0D0		阴影	混合
中绿松石色	#48D1CC		阴影	混合
深绿松石色	#00CED1		阴影	混合
蓝色
颜色名称	HEX	颜色	阴影	混合
军官蓝	#5F9EA0		阴影	混合
钢蓝色	#4682B4		阴影	混合
浅钢蓝色	#B0C4DE		阴影	混合
淡蓝色	#ADD8E6		阴影	混合
粉蓝色	#B0E0E6		阴影	混合
浅天蓝色	#87CEFA		阴影	混合
天蓝色	#87CEEB		阴影	混合
矢车菊蓝	#6495ED		阴影	混合
深天蓝色	#00BFFF		阴影	混合
道奇蓝	#1E90FF		阴影	混合
皇家蓝	#4169E1		阴影	混合
蓝色	#0000FF		阴影	混合
中蓝色	#0000CD		阴影	混合
深蓝色	#00008B		阴影	混合
海军蓝	#000080		阴影	混合
午夜蓝	#191970		阴影	混合
棕色
颜色名称	HEX	颜色	阴影	混合
玉米丝色	#FFF8DC		阴影	混合
白杏仁	#FFEBCD		阴影	混合
杏仁白	#FFE4C4		阴影	混合
纳瓦霍白	#FFDEAD		阴影	混合
小麦色	#F5DEB3		阴影	混合
原木色	#DEB887		阴影	混合
棕褐色	#D2B48C		阴影	混合
玫瑰棕色	#BC8F8F		阴影	混合
沙棕色	#F4A460		阴影	混合
金菊色	#DAA520		阴影	混合
深金菊色	#B8860B		阴影	混合
秘鲁色	#CD853F		阴影	混合
巧克力色	#D2691E		阴影	混合
橄榄色	#808000		阴影	混合
鞍棕色	#8B4513		阴影	混合
赭色	#A0522D		阴影	混合
棕色	#A52A2A		阴影	混合
栗色	#800000		阴影	混合
白色
颜色名称	HEX	颜色	阴影	混合
白色	#FFFFFF		阴影	混合
雪	#FFFAFA		阴影	混合
蜜露色	#F0FFF0		阴影	混合
薄荷奶油色	#F5FFFA		阴影	混合
蔚蓝色	#F0FFFF		阴影	混合
爱丽丝蓝	#F0F8FF		阴影	混合
幽灵白	#F8F8FF		阴影	混合
烟白色	#F5F5F5		阴影	混合
海贝色	#FFF5EE		阴影	混合
米色	#F5F5DC		阴影	混合
旧蕾丝色	#FDF5E6		阴影	混合
花卉白	#FFFAF0		阴影	混合
象牙色	#FFFFF0		阴影	混合
古董白	#FAEBD7		阴影	混合
亚麻色	#FAF0E6		阴影	混合
淡紫红色	#FFF0F5		阴影	混合
薄雾玫瑰色	#FFE4E1		阴影	混合
灰色
颜色名称	HEX	颜色	阴影	混合
灰白色	#DCDCDC		阴影	混合
浅灰色	#D3D3D3		阴影	混合
银色	#C0C0C0		阴影	混合
深灰色	#A9A9A9		阴影	混合
暗灰色	#696969		阴影	混合
灰色	#808080		阴影	混合
浅石板灰	#778899		阴影	混合
石板灰	#708090		阴影	混合
深石板灰	#2F4F4F		阴影	混合
黑色	#000000		阴影	混合

★ +1

W3schools 学习路径

跟踪您的进度 - 免费！

颜色 教程

配色方案

颜色趋势

颜色标准

HTML 颜色组

按颜色组排序的颜色名称

粉彩色

紫色

红色

橙色

黄色

绿色

青色

蓝色

棕色

白色

灰色

拾色器

联系销售

报告错误

热门教程

热门参考

热门示例

获取证书

颜色教程