颜色

颜色的十六进制码

十六进制码是指定颜色最好的方法,因为不局限于通过单词来选择颜色。

十六进制码这种指定方法是告诉浏览器红、绿。蓝分量分别是多少。

不过除了十六进制码还有其他方法可以代表颜色。

但最好使用十六进制码。因为可以更好的确定颜色。

通过css指定颜色单词

body{
     background-color:silver;
}

aqua 青色

black 黑色

blue 蓝色

fuchsia 紫红色

gray 灰色

green 绿色

lime 石灰色

maroon 栗色

navy 丈青色

olive 橄榄色

purple 紫色

red 红色

silver 银灰色

teal 蓝绿色

white 白色

yellow 黄色

所有浏览器都会认出以上16种颜色,他们的颜色名也是通过十六进制代码组合起来的,只不过是预定了红、蓝、绿三种颜色的分量。

可以用红蓝绿百分比和数值指定颜色

可以用红蓝绿分量指定颜色,加入你想指定一种橙色,那么你需要了解三原色如何组成橙色。

他们是通过,红绿蓝组成的,所以代码可以缩写他们的开头rgb。

body{
    background-color:rgb(80%,40%,0%);
}

另外还可以通过数值来指定红绿蓝,0到255是每种颜色的数值,乘以百分比也可以算出颜色的数值。

body{
    background-color:rgb(204,102,0);
}

以上的数值是如何得来的,是通过255乘以你想要的百分比的来的。

255的百分之80%是204

255的百分之40%是102

255的百分之0%是0

这些是想让浏览器更准确的认识颜色的很好办法,不过没必要记住数值其中代表什么颜色,因为你完全可以通过网上颜色编辑器来得到你想要的颜色或者查找这串数值代表什么颜色。

使用十六进制码指定颜色

现在我们来看十六进制码是如何确定颜色的。

十六进制码没两位数代表一个颜色的数值,他们分别代表红、蓝、绿的分量。

所以最前的两位是代表红色后面开始代表蓝色和绿色。

十六进制码开头总是以#字开始。

#cc6600

#是开头

cc是红色

66是蓝色

00是绿色

cc代表红之所以也在十六进制码里也代表数字是因为采用了计算机科学的方式来记录,所以不必要在意,cc也是数字。

十六进制码的工作原理

十六进制码之所以用英文代替是因为用英文转换成十进制数。

实际上他是从0到F。

0 1 2 3 4 5 6 7 8 9 A B C D E F

其中A B C D E F可以理解为10 11 12 13 14 15

如果在一串十六进制码种看到B你就知道他是代表11

所以上面的CC就是12 12

那么如何计算出CC的数值呢,我们知道C代表了12

首先利用十进制的12乘以16得到192,192在加上另外的C(c等于12)

就是192+12=204

这种计算方法就可以得到一串数字,算出来就会知道他和上面的255乘以百分比是一样的。

缩写的十六进制码

有时候会看见缩写的十六进制码比如。

#cb0 这种缩写是每两位数字都是相同的也就是#ccbb00

#1ea 完整的是#11eeaa

但如果十六进制码是#ccbb10泽不能缩写。

也就是十六进制码缩写的要求是分量种两位数字完全相同才可以使用缩写。