Base64 、色牌

使用HTML做報告編碼，為了網頁報告的美觀，就一定需要了解圖片Base64與色牌。此節會做兩者的介紹與使用說明。

圖片 Base 64格式

Base64 是一種編碼方式，可以將二進制資料轉換成文字資料。它是一種常見的編碼方式，用於在 HTML 和 CSS 中嵌入圖片，以及在電子郵件和即時通訊中傳送二進制資料。

Base64 編碼是一種將 6 位二進制資料編碼成 4 個字元的方式。它使用 64 個字元，包括英文字母 A-Z、a-z、數字 0-9 和 + 和 / 符號。

Base64 編碼的過程如下：

1. 將二進制資料分成 3 個位元組。

2. 將每個位元組編碼成 4 個字元。

3. 在編碼的字元末尾添加一個或兩個等號字元，以使字元長度為 3 的倍數。

Base64 解碼是將 Base64 編碼的字元轉換回二進制資料的過程。它是 Base64 編碼的逆過程。 Base64 編碼和解碼都是非常快速和有效的過程。它是一種非常可靠的編碼方式，可以用來傳輸二進制資料而不會丟失任何資料。

Base64可以使用iron python模組做圖片轉換。

// Some code
import base64

# 讀取圖片進行Base64編碼
def encode_image(image_path):
    with open(image_path, "rb") as image_file:
        encoded_image = base64.b64encode(image_file.read()).decode("utf-8")
    return encoded_image

或是可以至Base Encide網站做格式轉換。

圖2-1

十六進制色牌

十六進制表示的顏色代碼（Hex Code）是一種用於表示顏色的系統，它由六個字元組成，每個字元是十六進制數字。第一個和第二個字元表示紅色，第三個和第四個字元表示綠色，第五個和第六個字元表示藍色。每個字元的範圍是 00 到 FF，其中 00 表示沒有該顏色，FF 表示最大量該顏色。例如，十六進制顏色代碼 #FF0000 表示紅色，因為紅色數字是 FF，而綠色和藍色數字都是 00。

十六進制表示的顏色代碼通常用於網頁設計和軟體開發。它也可以用於印刷，但在這種情況下，色彩可能與顯示器上看到的顏色略有不同。

使用十六進制表示的顏色代碼有許多優點，包括：

• 簡潔：十六進制表示的顏色代碼只需要六個字元，比 RGB 顏色代碼（Red, Green, Blue）的三個字元更簡潔。

• 一致：十六進制表示的顏色代碼在網頁設計和軟體開發中使用一致，這使得顏色更容易被識別和使用。

• 準確：十六進制表示的顏色代碼比 RGB 顏色代碼更準確，這使得顏色在不同設備上顯示的效果更一致。

十六進制表示的顏色代碼是一種簡潔、一致和準確的表示顏色的方式。它是網頁設計和軟體開發中使用最廣泛的顏色表示系統。

舉Ansys orange色牌 #FFB71B 為例。

如圖2-1， #FFB71B 這個顏色代碼，前兩位 FF 表示紅色分量，中間兩位 B7 表示綠色分量，後兩位 1B 表示藍色分量。每個分量的範圍是從 00 到 FF，其中 00 表示沒有顏色，而 FF 表示最大強度的顏色。 具體分解如下： 紅色分量：FF 表示最大紅色強度，即紅色通道完全開啟。 綠色分量：B7 表示中等綠色強度。 藍色分量：1B 表示較低的藍色強度。

圖2-2

這個顏色代碼所代表的顏色是一種橙黃色調。在絕大多數顏色表示系統中，十六進制顏色代碼被廣泛使用，它能在網頁設計和開發中方便地指定和使用顏色。

Eyedropper Tool

Eyedropper Tool 是 PowerPoint 中的一種工具，可讓您從投影片上的任何位置擷取顏色，然後將其應用於其他物件。要使用 Eyedropper Tool，請按一下功能區中的 Eyedropper Tool 圖示。然後，將游標移到您要擷取顏色的物件上。當游標變成吸管時，按一下滑鼠左鍵。顏色將被複製到 Eyedropper Tool 工具列中的顏色方塊。就可以將顏色應用於其他物件。

圖2-3

要轉換成十六進制色牌，可以善用Color Picker網站。將找到的RGB三原色，鍵入網頁中，就可以找到對應的十六進制色牌。