欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

不懂十六进制?没关系!从零开始学习网页制作中的RGB色彩模型

最编程 2024-01-12 19:11:09
...

说到"进制",大部分没有数学基础的小伙伴会比较陌生,如果您是计算机爱好者,也会对"二进制"耳熟能详。

如果想了解16进制,还需要从我们最常用的10进制说起。

16进制颜色表示与RGB色彩模型——零基础自学网页制作

10进制的意思,通俗来说就是数数到10就要向前进一位。比如9完了之后是10,11.....

如果这样看您还是不知所云,请看下面讲解。

假如我们使用一个计数器计数,这个计数器只显示两位数,显示在屏幕上是00

从1开始,01,02,03,04,05,06,07,08,09,10

大家看明白没,个位数到9之后,个位变0,向前十位进1,之后就是10!这就是10进制!

16进制的规律和10进制大同小异。

不同的是,16进制到16才进1.

假如我们有一个神奇的计数器,它的个位和下一个进位的数字显示在()()两个括号中。

比如我们表示1的话就是(00)(01).

2至15到16就是(00)(02)......(00)(15),(01)(00)

那17怎么表示?如下

(01)(01)

大家明白了吗?第一个括号中的"1"就是16,就好像10进制中,"10"中的"1"是10一样的道理。

但是我们没有这样的计数器,我们显示数字都是0123这样显示,不会使用()来代表"个位、十位、百位......"的概念。

因此,数学家为了方便显示,对16进制9以后的数字约定好使用英文字母表示。

这样就变成了1、2、3、4、5、6、7、8、9、a、b、c、d、e、f

是不是很聪明!

10就是a

11就是b

以此类推

15就是f

下面请大家做两个思考题。

16进制下,"10"是10进制中的几呢?

答案是16

那ff是10进制中的几呢?

这就需要算一下了。

16进制转10进制的计算过程如下:

f=15

ff=15乘以16加上15

答案是255

那为什么使用16进制来表示颜色呢?因为16进制使用ff两个字母就能正好表示255!其他进制做不到这么简约!

因为"255"这个数字对屏幕显示颜色来说具有特殊的意义。