最近不少朋友在群里问,做网页或者改QQ空间皮肤的时候,颜色代码到底怎么填?其实这东西说难也不难,Htmlcolor就是咱们常说的HTML颜色代码,用一串十六进制数字就能表示出几百万种颜色。今天我就把自己平时攒下来的颜色代码整理一下,顺便说说具体怎么用,不管是写代码还是搞设计,看完都能直接上手。

简单说,Htmlcolor就是网页里用来指定颜色的标记方式,最常见的就是#RRGGBB这种六位十六进制写法。比如#FF0000是红色,#000000是黑色,#FFFFFF是白色。前两位代表红色分量,中间两位代表绿色,最后两位代表蓝色。取值范围从00到FF,一共256级。你要是记不住这么多,其实常用的也就那几十个。我刚开始学的时候,老是把红色和绿色搞混,后来自己做了个表格贴在显示器边上,用了几天就记住了。另外还有RGB写法,像rgb(255,0,0)也是红色,效果一样,看个人习惯。现在很多编辑器都支持直接输入颜色名,比如red、blue,但为了兼容性,我还是建议用十六进制,稳一点。

下面这些是我平时用得最多的,直接抄就行。红色系:#FF0000纯红、#CC0000深红、#FF6666浅红。蓝色系:#0000FF纯蓝、#0066CC网页蓝、#00CCFF天蓝。绿色系:#00FF00亮绿、#009900草绿、#66CC66柔绿。黄色系:#FFFF00纯黄、#FFCC00金黄、#FFFF99淡黄。紫色系:#800080紫、#9933CC紫罗兰。灰色系:#CCCCCC浅灰、#666666中灰、#333333深灰。还有黑色#000000和白色#FFFFFF,这两个最基础。你要是做QQ空间皮肤,建议背景用浅灰或者淡蓝,文字用深灰,看着不刺眼。别整那些大红大绿的,访客看久了眼睛累。我之前帮朋友弄空间,他非要用亮黄色背景配白色文字,结果啥都看不清,后来换成#F5F5F5配#333333,舒服多了。
写CSS的时候,直接写color: #FF0000;就是红字,background-color: #000000;就是黑底。做QQ空间自定义皮肤,在自定义代码里找到颜色设置的地方,把原来的色值替换掉就行。手机端的话,很多APP也支持颜色代码,比如某些主题编辑器。还有个小技巧,如果你想要半透明效果,可以用rgba(255,0,0,0.5),最后那个0.5就是透明度。注意别写成#FF000080这种八位写法,虽然现在浏览器支持,但老设备可能不认。我实测过,在QQ空间里用八位十六进制,手机端有时候会失效,还是老老实实用六位加rgba靠谱。另外,Htmlcolor在Excel、Word里也能用,比如自定义图表颜色的时候,输入十六进制值就行。

第一个坑,颜色代码前面的#号不能丢,丢了就不生效。第二个坑,字母大小写其实无所谓,#ff0000和#FF0000一样,但为了整齐我习惯大写。第三个坑,别用那些冷门颜色名,比如"lightgoldenrodyellow",虽然浏览器认,但记不住还容易拼错。第四个坑,做渐变的时候,两个色值差别别太大,不然过渡很生硬。我一般用同色系深浅搭配,比如#0066CC到#00CCFF,看着就顺眼。最后提醒一句,如果你是在做商业项目,最好用在线工具查一下对比度,保证文字能看清。自己玩的话,怎么好看怎么来。好了,以上就是关于Htmlcolor颜色代码的分享,代码表可以截图保存,用的时候直接翻出来看就行。