磁电人空间

我们生活在地球磁的空间

日志

关于我

背影子

文章分类

颜色代码大全

2009-08-05 18:40:58| 分类：【博客特技】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

色代码表:以下样色显示您可能觉得不够精确,这和电脑

显示器有直接关系.您可查看颜色代码,绝对正确,绝无重复.

红色和粉红色，以及它们的16进制代码。
#990033	#CC6699	#FF6699	#FF3366	#993366
#CC0066	#CC0033	#FF0066	#FF0033	..#CC3399..
#FF3399	#FF9999	#FF99CC	#FF0099	#CC3366
#FF66CC	#FF33CC	#FFCCFF	#FF99FF	#FF00CC
紫红色，以及它们的16进制代码。
#FF66FF	#CC33CC	#CC00FF	#FF33FF	#CC99FF
#9900CC	#FF00FF	#CC66FF	#990099	#CC0099
#CC33FF	#CC99CC	#990066	#993399	#CC66CC
#CC00CC	#663366
蓝色，以及它们的16进制代码。
#660099	#666FF	#000CC	#9933CC	#666699
#660066	#333366	#0066CC	#9900FF	#333399
#99CCFF	#9933FF	#330099	#6699FF	#9966CC
#3300CC	#003366	#330033	#3300FF	#6699CC
#663399	#3333FF	#006699	#6633CC	#3333CC
#3399CC	#6600CC	#0066FF	#0099CC	#9966FF
#0033FF	#66CCFF	#330066	#3366FF	#3399FF
#6600FF	#3366CC	#003399	#6633FF	#000066
#0099FF	#CCCCFF	#000033	#33CCFF	#9999FF
#0000FF	#00CCFF	#9999CC	#000099	#6666CC
#0033CC

黄色、褐色、玫瑰色和橙色，以及它们的16进制代码。
#FFFFCC	#FFCC00	#CC99090	#663300	#FF6600
#663333	#CC6666	#FF6666	#FF0000	#FFFF99
#FFCC66	#FF9900	#FF9966	#CC3300	#996666
#FFCCCC	#660000	#FF3300	#FF6666	#FFCC33
#CC6600	#FF6633	#996633	#CC9999	#FF3333
#990000	#CC9966	#FFFF33	#CC9933	#993300
#FF9933	#330000	#993333	#CC3333	#CC0000
#FFCC99	#FFFF00	#996600	#CC6633
绿色，以及它们的16进制代码。
#99FFFF	#33CCCC	#00CC99	#99FF99	#009966
#33FF33	#33FF00	#99CC33	#CCC33	#66FFFF
#66CCCC	#66FFCC	#66FF66	#009933	#00CC33
#66FF00	#336600	#33300	#33FFFF	#339999
#99FFCC	#339933	#33FF66	#33CC33	#99FF00
#669900	#666600	#00FFFF	#336666	#00FF99
#99CC99	#00FF66	#66FF33	#66CC00	#99CC00
#999933	#00CCCC	#006666	#339966	#66FF99
#CCFFCC	#00FF00	#00CC00	#CCFF66	#CCCC66
#009999	#003333	#006633	#33FF99	#CCFF99
#66CC33	#33CC00	#CCFF33	#666633	#669999
#00FFCC	#336633	#33CC66	#99FF66	#006600
#339900	#CCFF00	#999966	#99CCCC	#33FFCC
#669966	#00CC66	#99FF33	#003300	#99CC66
#999900	#CCCC99	#CCFFFF	#33CC99	#66CC66
#66CC99	#00FF33	#009900	#669900	#669933
#CCCC00

白色、灰色和黑色，以及它们的16进制代码。
#FFFFF	#CCCCCC	#999999	#666666	#333333
#000000
16色和它们的16进制代码。
Aqua	Black	Fuchsia	Gray	Gree
Lime	Maroon	Navy	Olive	Purple
Red	Silver	Teal	White	Yellow
Blue

当你要给你的网页添加颜色时，有时，你能够直接使用该颜色的名称，但是大多情况下，你只能使用十六进制代码来使用这些颜色。（浏览器能够理解这些代码。）
为了方便你去使用这些代码，我们制作了这个列表，右边是颜色，左边是十六进制代码。

Hex Code	Color

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000

Hex Code	Color
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000

Hex Code	Color

#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000

Hex Code	Color
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000

Hex Code	Color

#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000

Hex Code	Color
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000

&x6211;&x8981;&x5566;&x514D;&x8D39;&x7EDF;&x8BA1;

评论这张

转发至微博

阅读(286)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082069084095083064081085087095093095084071085084081067',
              blogTitle:'颜色代码大全',
              blogAbstract:'<DIV style=\"FONT-SIZE: 14px;\"  \>  <P align=\"center\" \>色代码表:以下样色显示您可能觉得不够精确,这和电脑 </P\>  <P align=\"center\" \><FONT color=\"#0080ff\" size=\"2\" \><STRONG\>显示器</STRONG\></FONT\><FONT color=\"#0080ff\" size=\"2\" \><STRONG\>有直接关系.</STRONG\></FONT\><FONT color=\"#0080ff\" size=\"2\" \><STRONG\>您可查看颜色代码,绝对正确,绝无重复.</STRONG\></FONT\> </P\>  <DIV align=\"center\" \>  <CENTER\>  <TABLE height=\"478\" cellSpacing=\"1\" width=\"541\" border=\"1\" \>  <TBODY\>  <TR\>  <TD width=\"112%\"  colSpan=\"10\" height=\"19\" \>  <P align=\"center\" \><FONT color=\"#ff8000\" \>红色和粉红色，以及它们的16进制代码。</FONT\></P\></TD\>  <TR\>  <TD align=\"middle\" width=\"11%\"  bgColor=\"#990033\" height=\"25\" \><FONT color=\"#ffffff\" \>#990033</FONT\> </TD\>  <TD align=\"middle\" width=\"11%\"  bgColor=\"#cc6699\" height=\"25\" \><FONT color=\"#ffffff\" \>#CC6699</FONT\> </TD\>  <TD align=\"middle\" width=\"11%\"  bgColor=\"#ff6699\" height=\"25\" \><FONT color=\"#ffffff\" \>#FF6699</FONT\> </TD\>  <TD\></TD\></TR\></TR\></TABLE\></CENTER\></DIV\></DIV\>',
              blogTag:'',
              blogUrl:'blog/static/9954127020097564058821',
              isPublished:1,
              istop:false,
              type:1,
              modifyTime:1317097125851,
              publishTime:1249468858821,
              permalink:'blog/static/9954127020097564058821',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/9954127020097564058821">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

磁电人空间

导航

日志

颜色代码大全

历史上的今天

最近读者

热度

评论

页脚