颜色代码转换


在本教程中,我们将了解如何组合不同的颜色代码来生成其他颜色,以及如何将 RGB 颜色代码转换为十六进制,反之亦然。

不同的颜色代码

这里的所有颜色都是24位格式,这意味着每种颜色都有8位红色,8位绿色,8位蓝色。或者我们可以说每种颜色都有三个不同的部分。你只需改变这三部分的数量就可以做出任何颜色。

二进制颜色格式

颜色:黑色

图像:

黑色的

十进制代码:

(0,0,0)

解释:

正如之前的教程中所解释的,在 8 位格式中,0 表示黑色。所以如果我们要制作纯黑色,我们必须将R、G、B这三个部分全部设置为0。

白颜色

图像:

白色的

十进制代码:

(255,255,255)

解释:

由于R、G、B的每个部分都是8位部分。所以在8位中,白色是由255组成的。像素教程中有解释。因此,为了制作白色,我们将每个部分设置为 255,这就是我们获得白色的方式。通过将每个值设置为 255,我们得到的总体值为 255,即颜色为白色。

RGB颜色模型:

红色

图像:

红色的

十进制代码:

(255,0,0)

解释:

由于我们只需要红色,因此我们将绿色和蓝色两个部分的其余部分清零,并将红色部分设置为其最大值,即 255。

颜色:绿色

图像:

绿色的

十进制代码:

(0,255,0)

解释:

由于我们只需要绿色,因此我们将红色和蓝色两个部分的其余部分清零,并将绿色部分设置为其最大值,即 255。

颜色: 蓝色

图像:

蓝色的

十进制代码:

(0,0,255)

解释:

由于我们只需要蓝色,因此我们将红色和绿色两个部分的其余部分归零,并将蓝色部分设置为其最大值,即 255

灰色:

颜色: 灰色

图像:

灰色的

十进制代码:

(128,128,128)

解释

正如我们在像素教程中已经定义的那样,灰色实际上是中点。在 8 位格式中,中点是 128 或 127。在本例中,我们选择 128。因此,我们将每个部分设置为其中点,即 128,这会产生整体中间值,并且我们得到灰色。

CMYK颜色模型:

CMYK 是另一种颜色模型,其中 c 代表青色,m 代表品红色,y 代表黄色,k 代表黑色。CMYK 模型通常用于彩色打印机,其中使用两种颜色。一种由 CMY 组成,另一种由黑色组成。

CMY的颜色也可以通过改变红、绿、蓝的数量或比例来制成。

颜色: 青色

图像:

青色

十进制代码:

(0,255,255)

解释:

青色是由绿色和蓝色两种不同颜色组合而成。因此,我们将这两个设置为最大值,并将红色部分归零。我们得到青色。

颜色: 洋红色

图像:

品红

十进制代码:

(255,0,255)

解释:

洋红色是由红色和蓝色两种不同颜色组合而成。因此,我们将这两个设置为最大值,并将绿色部分归零。我们得到洋红色。

颜色: 黄色

图像:

黄色的

十进制代码:

(255,255,0)

解释:

黄色是由红色和绿色两种不同颜色组合而成。因此,我们将这两个设置为最大值,并将蓝色部分归零。我们得到黄色。

转换

现在我们将看到颜色如何从一种格式转换为另一种格式。

RGB 到 Hex 代码的转换:

从 Hex 到 RGB 的转换是通过以下方法完成的:

  • 取一种颜色。例如:白色 = (255, 255, 255)。

  • 取第一部分,例如 255。

  • 除以 16。像这样:

  • 转换

  • 取线下的两个数字、因子和余数。在这种情况下,它是 15 × 15,即 FF。

  • 对接下来的两个部分重复步骤 2。

  • 将所有十六进制代码合并为一个。

答案:#FFFFFF

从十六进制到 RGB 的转换:

从十六进制代码到rgb十进制格式的转换就是这样完成的。

取一个十六进制数。例如:#FFFFFF

将此数字分成 3 部分:FF FF FF

取出第一部分并分离其组件:F F

将每个部分分别转换为二进制: (1111) (1111)

现在将各个二进制文件合并为一个:11111111

将此二进制转换为十进制:255

现在重复步骤 2,再重复两次。

第一步的值是R,第二步是G,第三步是B。

答案:( 255 , 255 , 255 )

此表中给出了常见颜色及其十六进制代码。

颜色 十六进制代码
黑色的 #000000
白色的 #FFFFFF
灰色的 #808080
红色的 #FF0000
绿色的 #00FF00
蓝色的 #0000FF
青色 #00FFFF
品红 #FF00FF
黄色的 #FFFF00