Rgb颜色模式与cmyk颜色模式的区别及rgb颜色模式的运用

在我们电脑中有两种颜色,分别是Rgb模式与Cmyk模式，那么在这两款模式区别就在于Rgb哪怕是在黑暗的环境里面，人眼也是能够看见的，而cmyk则是通过光学反射才能看到的，明白了以上原理之后就明白了cmky一般都是印刷品才会用到的颜色模式，因为你在看书的时候在黑暗的环境里面是看不见的，但如果用手机或者电脑的电脑产品用的是光学反应的rgb，所以在黑暗环境里面也能够看到。

那么在网页中，rgb模式有两种运用方法，分别为进制用法和数值用法，那么在本篇文章中，进制用法采用的是十六进制，分别为0，1，2，3，4，5，6，7，8，9，A,B,C,D,E,F这就是十六进制所需要的字母，但如果是十进制呢？很好理解的，将9之后的字母去掉就是十进制了，分别为0，1，2，3，4，5，6，7，8，9.

数值用法很简单，在我们明白了RGB颜色模式最大的值是多少就调就好了，先看示范

在图中我们很明显的看到，在代码框里面输入rgb之后，系统会自动给三个位置，以，分开，三个位置分别代表了红色，绿色以及蓝色，所以我们就知道了，rgb颜色模式做出来的都是这三种颜色调和而成的，哪怕是我们的电脑显示器也是采用这标准的。

.color{
color: rgb(red, green, blue);}


从上面图中我们可以看到，如果红色的数值较大，其他颜色数值很小的话那么红色就会占主动位置，变成比红色要淡一点的颜色，那么看到这里我想应该也明白了，再写下去已经没有必要，简单的来说，就是rgb颜色模式最大的值是255，最小的是0，如果说我们要调成纯红色那就是下面的代码。

 .color1{
 color: rgb(255, 0, 0);

}
如果我们要调成绿色呢？那就是green颜色最大的数值255，其他为0

 .color1{
 color: rgb(0, 255, 0);

}
从上面的结果来看，就是某一个颜色数值越大，他的颜色就越深，但如果全部为0呢？这个问题很简单，就是黑色咯。

 .color1{
 color: rgb(0, 0, 0);

}
可如果是最大值全部为255，那就与黑色相反，变成白色。

.color1{
 color: rgb(255, 255, 255);

}
所以我们需要什么样的颜色都可以通过数值来表示，同样的道理如果我们需要如红色，绿色，蓝色的话，可以直接用英文字母代替，如red，green，blue，或者黑色black，都可以这样表示的。那么接下来就是十六进制的表示方法了

我们从开头就知道了，十六进制是0，1，2，3，4，5，6，7，8，9，A,B,C,D,E,F,那么怎么使用呢？很简单

 .color3{
 color:#ff0000

}
那为什么说ff可以代表255呢，打开你的计算器，我们知道f是代表十五对吧，那么ff呢？就是十五乘以十五咯，那出来的结果就是255，，同样的，如果是ffee00，那就是15乘以15 等于255 14*14那就是196，换成数值表示方法就是

 .color5{
color: rgb(255, 196, 0);

}
到这里两种方法都示范完了，如果说我们需要缩写呢？就如下面示范一样，系统会自动的认为他是#ff0000，因为也没其他的表示法了嘛。

 .color3{
 color:#f00

}
在这里rgb颜色模式的使用方法已经就这些了，下面是我总结出来的经验

    RGB颜色模式是应用最广最简单的颜色模式
    RGB颜色模式是电子产品一般都使用的颜色，他是通过光学反应的
    Rgb颜色模式与cmky最大的区别是cmky是印刷品才会用到的模式