我给女朋友讲编程网络系列(4)—颜色值及如何获取颜色值和下载软件小技巧

一、颜色名

大多数的浏览器都支持颜色名集合。

　　仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

　　其实这里面只需要记住下面几个常用的就行了：

使用的方法也很简单，比如设置网页的背景为灰色，效果如下：

代码如下：

<html>

<body style=" background-color : gray">

</body>

</html>

说明：

background-color属性设置的就是背景色，这里把样式放到了body标签中，设置的背景色就会对整个网页起作用。

属性值为gray，就是灰色，属性和值中间是用冒号。

二、颜色值

颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是 0（十六进制：#00）。最大值是 255（十六进制：#FF）。

十进制使用0到9表示，最大的是9；

十六进制使用0到F来表示，最大的是F，代表15，对于字母，大小写都一样。

下面是对照关系：

对于进制之间的转换，可以使用windows自带的“计算器”，如下图：

在查看里面选择“程序员”，就会变成这个样子。

默认输入的是10进制数字，当你输入100之后，想要查看对应的16进制，只需要将第一个单选框选择到“十六进制”，输入框中就就自动将100转为16进制的数字了。

对红绿蓝，每种颜色使用两位16进制数字表示，最小的为00，最大的为FF（对应10进制的255）。

颜色值前面要加一个#号，比如 #40A4FF，它们是按照红绿蓝的顺序排的，这里红为40，绿为A4，蓝为FF(最大值)，值越大，这个颜色的所占比例越大，效果如图：

上面介绍的几个颜色值如下：

可以看出，如果需要显示红色，设置红色最大FF，其他两个设置为00；

当世界上什么都没有的时候，昏天暗地，一片漆黑，这就是黑色值#000000；

三、颜色值的其他表示方法

1，RGB(红,绿,蓝)

可以这样表示颜色，比如RGB(0,88,250)，外面是RGB或rgb都行，后面加小括号()，里面的值使用英文的逗号隔开，值必须是10进制的，最小0，最大255。

2，RGB(红%,绿%,蓝%)

也可以使用百分比来表示，比如RGB(10%,50%,100%)，后面加小括号()，里面的值使用英文的逗号隔开，值为这种颜色的百分比，最小0，最大100%。

不过，一般都使用16进制的方式来表示颜色值，大多数这些颜色值都是美工设计网页的时候根据图片获取到的。

四、如何获取颜色值

搜了好久，对比了好几种取色工具，最终找到了一款非常满意的小工具，叫TheColorPickerSetup，软件截图如下：

使用方法也很简单：

(1)单击图标“管子”开始取色；

(2)右击鼠标，取色完成，然后可以将HEX对应框中的值复制出来，就是对应的16进制颜色值。

(3)同时，可以看到对应的RGB值。确实是操作简单，方便易用啊。

搜软件的时候，居然从一些国外软件的官网上下载了一些替代软件，从国内网站上下载时，一不小心就有可能下载到其他的替代软件，告诉新手一个下载软件的小技巧：

(1) 如下图：真的下载地址可能并不明显，那个大的“立即下载”其实指的是“百度安全套装”。

(2) 而且，下载软件时，如果直接弹出来的就是 .exe为后缀的文件，一般都是假的，尤其是setup.exe，一般都是一些软件安装包。正常的程序一般都会压缩一下供你下，后缀为.rar或者.zip。

为了节省大家的时间，我把它共享到了百度网盘中，需要的可以下载一下，需要安装。

地址如下：

http://pan.baidu.com/s/1kToQiuN