当前位置: 代码迷 >> Web前端 >> 惯用颜色16进制对照表
  详细解决方案

惯用颜色16进制对照表

热度:336   发布时间:2013-03-14 10:33:15.0
常用颜色16进制对照表

?

常用颜色的16进制代码

?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  

<html>
<head>
  <title>颜色 16进制对照表</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=GBK">  
  
  <style type="text/css">  
    table{
      margin: auto;
    }
    table tr {  
      text-align: center;
    }  
    table tr td {  
      width: 10%;
    }  
  </style>  


</head>

<body>


<p>
  颜色代码表:以下样色显示您可能觉得不够精确,这和电脑显示器有直接关系。您可查看颜色代码,绝对正确,绝无重复。
</p>

<table aborder="1" cellspacing="1" height="478" width="87%">
  <tbody>
  
  
    <tr>
      <td colspan="10" height="19" width="112%"><p>红色和粉红色,以及它们的16进制代码。</p></td>
    </tr>
    
    <tr>
      <td  bgcolor="#990033" height="25">        #990033      </td>
      <td  bgcolor="#cc6699" height="25">        #CC6699      </td>
      <td  bgcolor="#ff6699" height="25">        #FF6699      </td>
      <td  bgcolor="#ff3366" height="25">        #FF3366      </td>
      <td  bgcolor="#993366" height="25">        #993366      </td>
      <td  bgcolor="#cc0066" height="25">        #CC0066      </td>
      <td  bgcolor="#cc0033" height="25">        #CC0033      </td>
      <td  bgcolor="#ff0066" height="25">        #FF0066      </td>
      <td  bgcolor="#ff0033" height="25">        #FF0033      </td>
      <td  bgcolor="#cc3399" height="25">        #CC3399      </td>
    </tr>
    <tr>
      <td  bgcolor="#ff3399" height="25">        #FF3399      </td>
      <td  bgcolor="#ff9999" height="25">        #FF9999      </td>
      <td  bgcolor="#ff99cc" height="25">        #FF99CC      </td>
      <td  bgcolor="#ff0099" height="25">        #FF0099      </td>
      <td  bgcolor="#cc3366" height="25">        #CC3366      </td>
      <td  bgcolor="#ff66cc" height="25">        #FF66CC      </td>
      <td  bgcolor="#ff33cc" height="25">        #FF33CC      </td>
      <td  bgcolor="#ffccff" height="25">        #FFCCFF      </td>
      <td  bgcolor="#ff99ff" height="25">        #FF99FF      </td>
      <td  bgcolor="#ff00cc" height="25">        #FF00CC      </td>
    </tr>
    
    
    <tr>
      <td colspan="10" height="19" width="112%"><p>紫红色,以及它们的16进制代码。 </p> </td>
    </tr>
    
    <tr>
      <td bgcolor="#ff66ff" height="19">        #FF66FF      </td>
      <td bgcolor="#cc33cc" height="19">        #CC33CC      </td>
      <td bgcolor="#cc00ff" height="19">        #CC00FF      </td>
      <td bgcolor="#ff33ff" height="19">        #FF33FF      </td>
      <td bgcolor="#cc99ff" height="19">        #CC99FF      </td>
      <td bgcolor="#9900cc" height="19">        #9900CC      </td>
      <td bgcolor="#ff00ff" height="19">        #FF00FF      </td>
      <td bgcolor="#cc66ff" height="19">        #CC66FF      </td>
      <td bgcolor="#990099" height="19">        #990099      </td>
      <td bgcolor="#cc0099" height="19">        #CC0099      </td>
    </tr>
    <tr>
      <td bgcolor="#cc33ff" height="19">        #CC33FF      </td>
      <td bgcolor="#cc99cc" height="19">        #CC99CC      </td>
      <td bgcolor="#990066" height="19">        #990066      </td>
      <td bgcolor="#993399" height="19">        #993399      </td>
      <td bgcolor="#cc66cc" height="19">        #CC66CC      </td>
      <td bgcolor="#cc00cc" height="19">        #CC00CC      </td>
      <td bgcolor="#663366" height="19">        #663366      </td>
      <td height="19">        &nbsp;      </td>
      <td height="19">        &nbsp;      </td>
      <td height="19">        &nbsp;      </td>
    </tr>
    
    
    <tr>
      <td colspan="10" height="16" width="112%">        蓝色,以及它们的16进制代码。      </td>
    </tr>
    
    <tr>
      <td bgcolor="#660099" height="16">        #660099      </td>
      <td bgcolor="#666ff0" height="16">        #666FF      </td>
      <td bgcolor="#000cc0" height="16">        #000CC      </td>
      <td bgcolor="#9933cc" height="16">        #9933CC      </td>
      <td bgcolor="#666699" height="16">        #666699      </td>
      <td bgcolor="#660066" height="16">        #660066      </td>
      <td bgcolor="#333366" height="16">        #333366      </td>
      <td bgcolor="#0066cc" height="16">        #0066CC      </td>
      <td bgcolor="#9900ff" height="16">        #9900FF      </td>
      <td bgcolor="#333399" height="16">        #333399      </td>
    </tr>
    <tr>
      <td bgcolor="#99ccff" height="16">        #99CCFF      </td>
      <td bgcolor="#9933ff" height="16">        #9933FF      </td>
      <td bgcolor="#330099" height="16">        #330099      </td>
      <td bgcolor="#6699ff" height="16">        #6699FF      </td>
      <td bgcolor="#9966cc" height="16">        #9966CC      </td>
      <td bgcolor="#3300cc" height="16">        #3300CC      </td>
      <td bgcolor="#003366" height="16">        #003366      </td>
      <td bgcolor="#330033" height="16">        #330033      </td>
      <td bgcolor="#3300ff" height="16">        #3300FF      </td>
      <td bgcolor="#6699cc" height="16">        #6699CC      </td>
    </tr>
    <tr>
      <td bgcolor="#663399" height="16">        #663399      </td>
      <td bgcolor="#3333ff" height="16">        #3333FF      </td>
      <td bgcolor="#006699" height="16">        #006699      </td>
      <td bgcolor="#6633cc" height="16">        #6633CC      </td>
      <td bgcolor="#3333cc" height="16">        #3333CC      </td>
      <td bgcolor="#3399cc" height="16">        #3399CC      </td>
      <td bgcolor="#6600cc" height="16">        #6600CC      </td>
      <td bgcolor="#0066ff" height="16">        #0066FF      </td>
      <td bgcolor="#0099cc" height="16">        #0099CC      </td>
      <td bgcolor="#9966ff" height="16">        #9966FF      </td>
    </tr>    
    <tr>
      <td bgcolor="#0033ff" height="16">        #0033FF      </td>
      <td bgcolor="#66ccff" height="16">        #66CCFF      </td>
      <td bgcolor="#330066" height="16">        #330066      </td>
      <td bgcolor="#3366ff" height="16">        #3366FF      </td>
      <td bgcolor="#3399ff" height="16">        #3399FF      </td>
      <td bgcolor="#6600ff" height="16">        #6600FF      </td>
      <td bgcolor="#3366cc" height="16">        #3366CC      </td>
      <td bgcolor="#003399" height="16">        #003399      </td>
      <td bgcolor="#6633ff" height="16">        #6633FF      </td>
      <td bgcolor="#000066" height="16">        #000066      </td>
    </tr>
    <tr>
      <td bgcolor="#0099ff" height="16">        #0099FF      </td>
      <td bgcolor="#ccccff" height="16">        #CCCCFF      </td>
      <td bgcolor="#000033" height="16">        #000033      </td>
      <td bgcolor="#33ccff" height="16">        #33CCFF      </td>
      <td bgcolor="#9999ff" height="16">        #9999FF      </td>
      <td bgcolor="#0000ff" height="16">        #0000FF      </td>
      <td bgcolor="#00ccff" height="16">        #00CCFF      </td>
      <td bgcolor="#9999cc" height="16">        #9999CC      </td>
      <td bgcolor="#000099" height="16">        #000099      </td>
      <td bgcolor="#6666cc" height="16">        #6666CC      </td>
    </tr>
    <tr>
      <td bgcolor="#0033cc" height="16">        #0033CC      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>      
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
    </tr>
    
    
    <tr>
      <td colspan="10" height="14" width="112%">
        黄色、褐色、玫瑰色和橙色,以及它们的16进制代码。
      </td>
    </tr>
    
    <tr>
      <td bgcolor="#ffffcc" height="16">        #FFFFCC      </td>
      <td bgcolor="#ffcc00" height="16">        #FFCC00      </td>
      <td bgcolor="#cc9000" height="16">        #CC99090      </td>
      <td bgcolor="#663300" height="16">        #663300      </td>
      <td bgcolor="#ff6600" height="16">        #FF6600      </td>
      <td bgcolor="#663333" height="16">        #663333      </td>
      <td bgcolor="#cc6666" height="16">        #CC6666      </td>
      <td bgcolor="#ff6666" height="16">        #FF6666      </td>
      <td bgcolor="#ff0000" height="16">        #FF0000      </td>
      <td bgcolor="#ffff99" height="16">        #FFFF99      </td>
    </tr>
    <tr>
      <td bgcolor="#ffcc66" height="16">        #FFCC66      </td>
      <td bgcolor="#ff9900" height="16">        #FF9900      </td>
      <td bgcolor="#ff9966" height="16">        #FF9966      </td>
      <td bgcolor="#cc3300" height="16">        #CC3300      </td>
      <td bgcolor="#996666" height="16">        #996666      </td>
      <td bgcolor="#ffcccc" height="16">        #FFCCCC      </td>
      <td bgcolor="#660000" height="16">        #660000      </td>
      <td bgcolor="#ff3300" height="16">        #FF3300      </td>
      <td bgcolor="#ff6666" height="16">        #FF6666      </td>
      <td bgcolor="#ffcc33" height="16">        #FFCC33      </td>
    </tr>
    <tr>
      <td bgcolor="#cc6600" height="16">        #CC6600      </td>
      <td bgcolor="#ff6633" height="16">        #FF6633      </td>
      <td bgcolor="#996633" height="16">        #996633      </td>
      <td bgcolor="#cc9999" height="16">        #CC9999      </td>
      <td bgcolor="#ff3333" height="16">        #FF3333      </td>
      <td bgcolor="#990000" height="16">        #990000      </td>
      <td bgcolor="#cc9966" height="16">        #CC9966      </td>
      <td bgcolor="#ffff33" height="16">        #FFFF33      </td>
      <td bgcolor="#cc9933" height="16">        #CC9933      </td>
      <td bgcolor="#993300" height="16">        #993300      </td>
    </tr>
    <tr>
      <td bgcolor="#ff9933" height="16">        #FF9933      </td>
      <td bgcolor="#330000" height="16">        #330000      </td>
      <td bgcolor="#993333" height="16">        #993333      </td>
      <td bgcolor="#cc3333" height="16">        #CC3333      </td>
      <td bgcolor="#cc0000" height="16">        #CC0000      </td>
      <td bgcolor="#ffcc99" height="16">        #FFCC99      </td>
      <td bgcolor="#ffff00" height="16">        #FFFF00      </td>
      <td bgcolor="#996600" height="16">        #996600      </td>
      <td bgcolor="#cc6633" height="16">        #CC6633      </td>
      <td height="16">        &nbsp;      </td>
    </tr>


    <tr>
      <td colspan="10" height="14" width="112%">
        绿色,以及它们的16进制代码。
      </td>
    </tr>
    
    <tr>
      <td bgcolor="#99ffff" height="16">        #99FFFF      </td>
      <td bgcolor="#33cccc" height="16">        #33CCCC      </td>
      <td bgcolor="#00cc99" height="16">        #00CC99      </td>
      <td bgcolor="#99ff99" height="16">        #99FF99      </td>
      <td bgcolor="#009966" height="16">        #009966      </td>
      <td bgcolor="#33ff33" height="16">        #33FF33      </td>
      <td bgcolor="#33ff00" height="16">        #33FF00      </td>
      <td bgcolor="#99cc33" height="16">        #99CC33      </td>
      <td bgcolor="#ccc330" height="16">        #CCC330      </td>
      <td bgcolor="#66ffff" height="16">        #66FFFF      </td>
    </tr>
    <tr>
      <td bgcolor="#66cccc" height="16">        #66CCCC      </td>
      <td bgcolor="#66ffcc" height="16">        #66FFCC      </td>
      <td bgcolor="#66ff66" height="16">        #66FF66      </td>
      <td bgcolor="#009933" height="16">        #009933      </td>
      <td bgcolor="#00cc33" height="16">        #00CC33      </td>
      <td bgcolor="#66ff00" height="16">        #66FF00      </td>
      <td bgcolor="#336600" height="16">        #336600      </td>
      <td bgcolor="#333000" height="16">        #333000      </td>
      <td bgcolor="#33ffff" height="16">        #33FFFF      </td>
      <td bgcolor="#339999" height="16">        #339999      </td>
    </tr>
    <tr>
      <td bgcolor="#99ffcc" height="16">        #99FFCC      </td>
      <td bgcolor="#339933" height="16">        #339933      </td>
      <td bgcolor="#33ff66" height="16">        #33FF66      </td>
      <td bgcolor="#33cc33" height="16">        #33CC33      </td>
      <td bgcolor="#99ff00" height="16">        #99FF00      </td>
      <td bgcolor="#669900" height="16">        #669900      </td>
      <td bgcolor="#666600" height="16">        #666600      </td>
      <td bgcolor="#00ffff" height="16">        #00FFFF      </td>
      <td bgcolor="#336666" height="16">        #336666      </td>
      <td bgcolor="#00ff99" height="16">        #00FF99      </td>
    </tr>
    <tr>
      <td bgcolor="#99cc99" height="16">        #99CC99      </td>
      <td bgcolor="#00ff66" height="16">        #00FF66      </td>
      <td bgcolor="#66ff33" height="16">        #66FF33      </td>
      <td bgcolor="#66cc00" height="16">        #66CC00      </td>
      <td bgcolor="#99cc00" height="16">        #99CC00      </td>
      <td bgcolor="#999933" height="16">        #999933      </td>
      <td bgcolor="#00cccc" height="16">        #00CCCC      </td>
      <td bgcolor="#006666" height="16">        #006666      </td>
      <td bgcolor="#339966" height="16">        #339966      </td>
      <td bgcolor="#66ff99" height="16">        #66FF99      </td>
    </tr>
    <tr>
      <td bgcolor="#ccffcc" height="16">        #CCFFCC      </td>
      <td bgcolor="#00ff00" height="16">        #00FF00      </td>
      <td bgcolor="#00cc00" height="16">        #00CC00      </td>
      <td bgcolor="#ccff66" height="16">        #CCFF66      </td>
      <td bgcolor="#cccc66" height="16">        #CCCC66      </td>
      <td bgcolor="#009999" height="16">        #009999      </td>
      <td bgcolor="#003333" height="16">        #003333      </td>
      <td bgcolor="#006633" height="16">        #006633      </td>
      <td bgcolor="#33ff99" height="16">        #33FF99      </td>
      <td bgcolor="#ccff99" height="16">        #CCFF99      </td>
    </tr>
    <tr>
      <td bgcolor="#66cc33" height="16">        #66CC33      </td>
      <td bgcolor="#33cc00" height="16">        #33CC00      </td>
      <td bgcolor="#ccff33" height="16">        #CCFF33      </td>
      <td bgcolor="#666633" height="16">        #666633      </td>
      <td bgcolor="#669999" height="16">        #669999      </td>
      <td bgcolor="#00ffcc" height="16">        #00FFCC      </td>
      <td bgcolor="#336633" height="16">        #336633      </td>
      <td bgcolor="#33cc66" height="16">        #33CC66      </td>
      <td bgcolor="#99ff66" height="16">        #99FF66      </td>
      <td bgcolor="#006600" height="16">        #006600      </td>
    </tr>
    <tr>
      <td bgcolor="#339900" height="16">        #339900      </td>
      <td bgcolor="#ccff00" height="16">        #CCFF00      </td>
      <td bgcolor="#999966" height="16">        #999966      </td>
      <td bgcolor="#99cccc" height="16">        #99CCCC      </td>
      <td bgcolor="#33ffcc" height="16">        #33FFCC      </td>
      <td bgcolor="#669966" height="16">        #669966      </td>
      <td bgcolor="#00cc66" height="16">        #00CC66      </td>
      <td bgcolor="#99ff33" height="16">        #99FF33      </td>
      <td bgcolor="#003300" height="16">        #003300      </td>
      <td bgcolor="#99cc66" height="16">        #99CC66      </td>
    </tr>
    <tr>
      <td bgcolor="#999900" height="16">        #999900      </td>
      <td bgcolor="#cccc99" height="16">        #CCCC99      </td>
      <td bgcolor="#ccffff" height="16">        #CCFFFF      </td>
      <td bgcolor="#33cc99" height="16">        #33CC99      </td>
      <td bgcolor="#66cc66" height="16">        #66CC66      </td>
      <td bgcolor="#66cc99" height="16">        #66CC99      </td>
      <td bgcolor="#00ff33" height="16">        #00FF33      </td>
      <td bgcolor="#009900" height="16">        #009900      </td>
      <td bgcolor="#669900" height="16">        #669900      </td>
      <td bgcolor="#669933" height="16">        #669933      </td>
    </tr>
    <tr>
      <td bgcolor="#cccc00" height="16">        #CCCC00      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
    </tr>
    
    
    <tr>
      <td colspan="10" height="16" width="112%">
        白色、灰色和黑色,以及它们的16进制代码。
      </td>
    </tr>
        
    <tr>
      <td bgcolor="#fffff0" height="16">        #FFFFF      </td>
      <td bgcolor="#cccccc" height="16">        #CCCCCC      </td>
      <td bgcolor="#999999" height="16">        #999999      </td>
      <td bgcolor="#666666" height="16">        #666666      </td>
      <td bgcolor="#333333" height="16">        #333333      </td>
      <td bgcolor="#000000" height="16">        #000000      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
      <td height="16">        &nbsp;      </td>
    </tr>
    
    
    <tr>
      <td colspan="10" height="16" width="112%">
        16色和它们的16进制代码。
      </td>
    </tr>
    
    <tr>
      <td bgcolor="#00ffff" height="16">        Aqua <br/> #00FFFF      </td>
      <td bgcolor="#000000" height="16">        Black <br/> #000000      </td>
      <td bgcolor="#ff00ff" height="16">        Fuchsia <br/> #FF00FF      </td>
      <td bgcolor="#808080" height="16">        Gray <br/>  #808080     </td>
      <td bgcolor="#008000" height="16">        Gree <br/> #008000    </td>
      <td bgcolor="#00ff00" height="16">        Lime <br/> #00FF00   </td>
      <td bgcolor="#800000" height="16">        Maroon <br/> #800000      </td>
      <td bgcolor="#000080" height="16">        Navy <br/> #000080      </td>
      <td bgcolor="#808000" height="16">        Olive <br/> #808000     </td>
      <td bgcolor="#800080" height="16">        Purple <br/> #800080      </td>
    </tr>
    <tr>
      <td bgcolor="#ff0000" height="18">        Red <br/> #FF0000      </td>
      <td bgcolor="#c0c0c0" height="18">        Silver <br/> #C0C0C0      </td>
      <td bgcolor="#008080" height="18">        Teal <br/>  #008080     </td>
      <td bgcolor="#ffffff" height="18">        White <br/> #FFFFFF       </td>
      <td bgcolor="#ffff00" height="18">        Yellow <br/> #FFFF00      </td>
      <td bgcolor="#0000ff" height="18">        Blue <br/> #0000FF      </td>
      <td height="18">        &nbsp;      </td>
      <td height="18">        &nbsp;      </td>
      <td height="18">        &nbsp;      </td>
      <td height="18">        &nbsp;      </td>
    </tr>
    
  </tbody>
</table>


</body>
</html>

?

??

  相关解决方案