您好,欢迎访问本站博客!登录后台查看权限
  • 生命有限,依然要,笑容灿烂:人海中你唔係孤單一個,會有人默默守护
  • 打了死结的青春,捆死一颗苍白绝望的灵魂。
  • 每个人有自己的人生路,适合别人的不一定适合自己!
  • 加了锁的青春,不会再因谁而推开心门。

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

博客教程 谭嘉成 2020-09-19 468 次浏览 1个评论

在我们电脑中有两种颜色,分别是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颜色模式与cmyk颜色模式的区别及rgb颜色模式的运用

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

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


Rgb颜色模式与cmyk颜色模式的区别及rgb颜色模式的运用
从上面图中我们可以看到,如果红色的数值较大,其他颜色数值很小的话那么红色就会占主动位置,变成比红色要淡一点的颜色,那么看到这里我想应该也明白了,再写下去已经没有必要,简单的来说,就是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是印刷品才会用到的模式


已有 468 位网友参与,快来吐槽:

1#林达斯  2020-09-29 21:24:02 回复该评论
are you ok 该评论于2020年8月18日发布

发表评论