HTML/CSS颜色代码大全:从基础色到高级配色的完整指南!

以下是常用的颜色代码列表,分别以 <font><span> 标签格式展示,每种颜色一行一个示例。颜色名称和代码参考了标准HTML/CSS颜色定义

1. 基础颜色

  • <font color="#000000">黑色</font>
  • <span style="color:#000000;">黑色</span>
  • <font color="#FFFFFF">白色</font>
  • <span style="color:#FFFFFF;">白色</span>
  • <font color="#FF0000">红色</font>
  • <span style="color:#FF0000;">红色</span>
  • <font color="#00FF00">绿色</font>
  • <span style="color:#00FF00;">绿色</span>
  • <font color="#0000FF">蓝色</font>
  • <span style="color:#0000FF;">蓝色</span>
  • <font color="#FFFF00">黄色</font>
  • <span style="color:#FFFF00;">黄色</span>
  • <font color="#FF00FF">洋红</font>
  • <span style="color:#FF00FF;">洋红</span>
  • <font color="#00FFFF">青色</font>
  • <span style="color:#00FFFF;">青色</span>
  • <font color="#808080">灰色</font>
  • <span style="color:#808080;">灰色</span>
 

2. 扩展常用色

  • <font color="#800080">紫色</font>
  • <span style="color:#800080;">紫色</span>
  • <font color="#008000">深绿</font>
  • <span style="color:#008000;">深绿</span>
  • <font color="#FFA500">橙色</font>
  • <span style="color:#FFA500;">橙色</span>
  • <font color="#A52A2A">棕色</font>
  • <span style="color:#A52A2A;">棕色</span>
  • <font color="#4B0082">靛蓝</font>
  • <span style="color:#4B0082;">靛蓝</span>
  • <font color="#FFC0CB">粉红</font>
  • <span style="color:#FFC0CB;">粉红</span>
  • <font color="#40E0D0">松石绿</font>
  • <span style="color:#40E0D0;">松石绿</span>
  • <font color="#9370DB">中紫</font>
  • <span style="color:#9370DB;">中紫</span>
 

3. 其他实用颜色

  • <font color="#228B22">森林绿</font>
  • <span style="color:#228B22;">森林绿</span>
  • <font color="#4169E1">皇家蓝</font>
  • <span style="color:#4169E1;">皇家蓝</span>
  • <font color="#DC143C">猩红</font>
  • <span style="color:#DC143C;">猩红</span>
  • <font color="#FF6347">番茄红</font>
  • <span style="color:#FF6347;">番茄红</span>
  • <font color="#7FFFD4">碧绿</font>
  • <span style="color:#7FFFD4;">碧绿</span>
 

注意事项

  1. 兼容性<font> 标签是HTML4的旧方法,HTML5推荐使用 <span> 或CSS样式。
  2. 颜色名称:部分颜色可直接用英文名称(如 redblue),但十六进制代码更精确。
  3. 更多颜色:完整颜色表可参考网页,包含1600万种RGB组合。
如需更多颜色代码,大家可自行查阅详细的HTML颜色表!

版权声明:
作者:怪咖
链接:https://www.gkhhh.com/3904.html
来源:怪咖分享社
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录

1. 基础颜色

2. 扩展常用色

3. 其他实用颜色

注意事项

关闭
目 录