<p class="zw">打开Photoshop或者Sketch的拾色器,它们看起来都是类似的,都是用十六进制值来表示。<code>#ffffff</code>表示白色,<code>#000000</code>表示黑色。</p> <pre class="代码无行号"><code>a{ color: #388fa2; }</code></pre> <p class="zw">在CSS里面,可以使用RGB来表达相同的蓝色。首先,声明一个颜色空间,然后在括号里面写下红绿蓝颜色的值,这些值是0到255之间。</p> <pre class="代码无行号"><code>a { color : rgb(56, 143, 162); }</code></pre> <p class="图"><img alt="1301.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/110.jpg" style="width: 1330px" width="1330"></p> <p class="图题">我为网站链接所选择的蓝色,其十六位进制值为#388fa2。</p> <p class="zw">你可能会问,为什么我选择使用RGB,而非十六进制数字?实际上没有什么技术上的原因,毕竟我们眼睛看到的颜色是由RGB组成的。所以,当我们为样式表选择颜色的时候,十六进制值是很难理解的。我现在问你,#003399是个什么颜色?很困惑吧?</p> <p class="zw">当理解了每个通道的意思之后——0代表没有颜色,255代表颜色最深——RGB就变得简单了,我们只需要在每块上选好颜色就可以了。</p> <p class="图"><img alt="1302.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/111.jpg"></p>