Ui设计器培训课程1-1 RGB颜色模式

发布时间:2020-03-19 14:00:00

当我们用放大镜仔细观察电脑显示器或电视屏幕时,可以看到大量的红、绿、蓝三种颜色的圆点。屏幕上的所有颜色,也就是我们看到的所有图像内容,都是由它们混合而成的。

Ui设计器培训课程1-1 RGB颜色模式

当我们用放大镜仔细观察电脑显示器或电视屏幕时,可以看到大量的红、绿、蓝三种颜色的圆点。屏幕上的所有颜色,也就是我们看到的所有图像内容,都是由它们混合而成的。

现在我们在Photoshop中使用菜单[文件打开]或快捷键[Ctrl O]打开下图(快捷键的说明将在后面的课程中出现,如果我们现在不理解它也无所谓)。您也可以将图像直接从windows目录拖动到Photoshop。如果Photoshop窗口被覆盖或最小化,也可以将其拖到任务栏上的按钮上,然后在Photoshop窗口弹出后将其拖到窗口中。

按F8键或单击“窗口信息”调出信息调色板。然后尝试在图像中移动鼠标,您将看到该值不断变化。注意,当您移动到蓝色区域时,您将看到B的值更高;当您移动到红色区域时,R的值更高。

电脑屏幕上的所有颜色都是由红、绿、蓝三种不同比例的光组成的。一组红、绿、蓝是最小的显示单位。屏幕上的任何颜色都可以用一组RGB值记录和表示。因此,这种红、绿、蓝三色光又称为三色光,用英语表示为R(红)、G(绿)、B(蓝)。把RGB想象成中餐中的糖、盐和味精。任何一道菜都要和这三种调味料混合。做不同的菜时,三者的比例不一样,甚至不一样。因此,在不同的图像中,RGB的分量是不一样的。在一些图像中可能有更多的R(红色)分量和更多的B(蓝色)分量。

烹调时,菜单上会出现“糖3g,盐1g”等提示,说明调味料的用量。在计算机中,所谓RGB的“多少”是指亮度,用整数表示。通常,RGB有256个亮度级别,这些亮度级别由0、1、2到255之间的数字表示。请注意,虽然最后的数字是255,但0也是其中一个值,因此总共有256个级别。

也有一种奇怪的方法称这些24位颜色为8位通道颜色。为什么这么叫它们?这里所谓的通道实际上是指三种颜色的亮度范围。我们知道范围是256256,这是2的8次方,所以它被称为8位通道颜色。为什么总是用2的幂来表示?因为计算机是二进制的,所以它使用2的幂来表示颜色和其他数字的数目。这里的色彩通道在概念上不是一个具体的东西。我们可以将三种原色与三种不同颜色的可调光灯进行比较,因此通道相当于调光按钮。对于观众来说,他们的感受是图像本身,而不是三种颜色的混合。就像你只关心电影中演员的表演,而不关心拍摄时的导演过程一样。因此,渠道的作用是“控制”,而不是“呈现”。

上面的是颜色通道,它与下面教程中的图像通道不同。

可以使用字母R、G、B加上它们各自的值来表示颜色,例如R32、g157、B95或r32g157b95。有时为了节省时间,省略字母32157,95。所以表示的顺序是RGB。还有一个十六进制表示法将在后面描述。那么这些数字是如何与颜色对应的,或者我们如何从一组数字中判断出什么颜色呢?实际上,初学者甚至退伍军人很难直接从数值上判断颜色。因为考虑三种色光的混合需要一些经验。但这种能力是不必要的。即使做不到,也不会妨碍未来。对于单个R、g或B,当该值为0时,表示该颜色不发光;如果该值为255,则该颜色为亮度。这就像是调光的台灯,数字0等于关灯,数字255等于将调光旋钮调到最亮。现在离开教程,思考一下:屏幕上纯黑色、纯白色、红色、绿色、蓝色和黄色的RGB值是多少?

经过思考,我们打开Photoshop,调出调色板[F6],然后点击红色箭头处的色块。Photoshop默认为黑色前景和白色背景。快捷键D可以重置为默认颜色。0101如果调色板不是RGB模式,可以单击调色板右上角的小三角形按钮,然后在弹出菜单中选择RGB滑块。纯黑色,因为屏幕上没有彩色灯光。相当于RGB三种色光都没有光。所以屏幕上黑色的RGB值是0,0,0。我们可以相应地调整滑块或直接输入数字,我们将看到颜色块变黑。白色,则相反,是RGB三种色光中亮度最强的,所以纯白色的RGB值为255255255。最红的颜色意味着只有红色存在,亮度最强。既不是绿灯也不是蓝光。所以最红的值是255,0,0。同样,最绿的是0255,0;最蓝的是00255。你做得对吗?如果没有,请重复前面的内容。

最黄的呢?RGB中没有黄色项。我们把这个问题放在一边吧。让我们看一下光谱。所谓色相,是指颜色的种类,即:红、橙、黄、绿、青、蓝、紫。这七种颜色连接头部和尾部,形成一个封闭的环。它表示x轴方向0度的起点,并逆时针展开。在这个环中,位于180度角的两种颜色(即圆直径两端的颜色)称为反向颜色或互补色。这两种互补色之间有关系。现在让我们填充环中间的颜色。如果中间的当前小框表示要选择的颜色,则小框在向蓝色移动时将从黄色移动,在向黄色移动时将从蓝色移动。就像在跷跷板上不可能同时走两条路一样,你也不能同时接近黄色和蓝色。

可以看出,如果想得到最黄的颜色,需要将颜色选择框移到最黄的方向,并逐渐远离最蓝。当我们到达圆圈黄色部分的边缘时,它是最黄色的,而我们是离最蓝色最远的。因此,黄色=白蓝色”。为什么不白色+黄色?因为蓝色是原色光,所以以原色光的调整为准。因此,最黄色的值是255,255,0。也可以得出:纯黄=纯红+纯绿。如果屏幕上的图像是黄色的(特别是屏幕显示,印刷品是不同的),不能说有太多的黄色光,只能说太少的蓝色光。

再看看色谱环。我们可以从视觉上检测出三种原色中的每一种的反色,红色到青色,绿色到洋红,蓝色到黄色。除了视觉检查,还可以通过计算确定任何颜色的反转颜色:首先获取该颜色的RGB值,然后将现有RGB值减去255。例如,如果黄色的R G B值为255,255,0,则通过计算:R(255-255)、G(255-255)、B(255-0)。互补色:00255,是蓝色的。对于图像,如果R的亮度单独增加,则红光的分量增加,然后图像会变红。如果B的亮度单独增加,则蓝光的成分增加。然后图像是蓝色的。

通过以上内容,我们讨论了RGB颜色的概念,当然,我们以后还会介绍其他颜色模式。但请记住:RGB模式是显示器的物理颜色模式。这意味着无论软件使用什么颜色模式,只要在显示器上显示,图像最终都会以RGB模式出现。所以使用RGB模式进行操作是最快的,因为计算机不需要处理额外的颜色转换工作。当然,这种速度差很难察觉,只有在理论上。