Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 颜色分组


按颜色分组排序的颜色名称

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

点击此处查看按名称排序的 140 种颜色

点击此处查看按十六进制值排序的 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   色调 混合

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.