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>