> For the complete documentation index, see [llms.txt](https://eemans-organization.gitbook.io/html-formatted-reports/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eemans-organization.gitbook.io/html-formatted-reports/html-kai-fa/base64-se-pai.md).
# 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模組做圖片轉換。
```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網站](https://www.base64encode.net/base64-image-encoder)做格式轉換。
圖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網站](https://htmlcolorcodes.com/color-picker/)。將找到的RGB三原色，鍵入網頁中，就可以找到對應的十六進制色牌。
##