顏色程式碼轉換



在本教程中,我們將瞭解如何將不同的顏色程式碼組合起來生成其他顏色,以及如何將 RGB 顏色程式碼轉換為十六進位制程式碼,反之亦然。

不同的顏色程式碼

這裡所有的顏色都採用 24 位格式,這意味著每種顏色都有 8 位紅色、8 位綠色、8 位藍色。或者我們可以說每種顏色都有三個不同的部分。您只需更改這三個部分的數量即可生成任何顏色。

二進位制顏色格式

1. 顏色:黑色

影像

black

十進位制程式碼

(0,0,0)

解釋

正如在之前的教程中所解釋的那樣,在 8 位格式中,0 表示黑色。因此,如果我們要生成純黑色,則必須將 R、G、B 的三個部分都設定為 0。

2. 顏色:白色

影像

white

十進位制程式碼

(255,255,255)

解釋

由於 R、G、B 的每個部分都是 8 位部分。所以在 8 位中,白色由 255 形成。這在畫素教程中進行了解釋。因此,為了生成白色,我們將每個部分設定為 255,這就是我們得到白色的方式。透過將每個值設定為 255,我們得到 255 的總值,這使得顏色為白色。

RGB 顏色模型

1. 顏色:紅色

影像

red

十進位制程式碼

(255,0,0)

解釋

由於我們只需要紅色,因此我們將其餘兩個部分(綠色和藍色)清零,並將紅色部分設定為其最大值 255。

2. 顏色:綠色

影像

green

十進位制程式碼

(0,255,0)

解釋

由於我們只需要綠色,因此我們將其餘兩個部分(紅色和藍色)清零,並將綠色部分設定為其最大值 255。

3. 顏色:藍色

影像

blue

十進位制程式碼

(0,0,255)

解釋

由於我們只需要藍色,因此我們將其餘兩個部分(紅色和綠色)清零,並將藍色部分設定為其最大值 255。

灰色顏色模型

1. 顏色:灰色

影像

gray

十進位制程式碼

(128,128,128)

解釋

正如我們在畫素教程中已經定義的那樣,灰色實際上是中間點。在 8 位格式中,中間點是 128 或 127。在本例中,我們選擇 128。因此,我們將每個部分設定為其中間點 128,這導致整體中間值,我們得到了灰色。

CMYK 顏色模型

CMYK 是另一種顏色模型,其中 c 表示青色、m 表示品紅色、y 表示黃色,k 表示黑色。CMYK 模型通常用於彩色印表機,其中使用兩種顏色的墨盒。一個包含 CMY,另一個包含黑色。

CMY 的顏色也可以透過更改紅色、綠色和藍色的數量或部分來生成。

1. 顏色:青色

影像

cyan

十進位制程式碼

(0,255,255)

解釋

青色是由兩種不同的顏色組合而成,即綠色和藍色。因此,我們將這兩者設定為最大值,並將紅色部分清零。我們得到青色。

<

2. 顏色:品紅色

影像

magenta

十進位制程式碼

(255,0,255)

解釋

品紅色是由兩種不同的顏色組合而成,即紅色和藍色。因此,我們將這兩者設定為最大值,並將綠色部分清零。我們得到品紅色。

3. 顏色:黃色

影像

yellow

十進位制程式碼

(255,255,0)

解釋

黃色是由兩種不同的顏色組合而成,即紅色和綠色。因此,我們將這兩者設定為最大值,並將藍色部分清零。我們得到黃色。

顏色程式碼轉換

現在我們將瞭解如何將顏色從一種格式轉換為另一種格式。

從 RGB 轉換為十六進位制程式碼

透過此方法完成從十六進位制到 rgb 的轉換

  • 選擇一種顏色。例如:白色 = (255, 255, 255)。

  • 取第一個部分,例如 255。

  • 將其除以 16。如下所示

  • conversion

  • 取線下的兩個數字,即因子和餘數。在本例中,它是 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
廣告

© . All rights reserved.