色碼轉換器指南：HEX, RGB, HSL, HSV, CMYK 的用法與差異

介紹

在數位設計與網頁開發中，色碼是溝通顏色最準確的方式。無論您是設計師還是在編寫 CSS 的工程師，正確轉換色碼格式（如從 HEX 轉為 RGB 或 HSL）都是日常工作的一部分。在任一欄輸入色碼，本工具會即時換算其他格式並顯示顏色預覽。

常見的色碼格式

HEX (十六進位)

HEX 是網頁開發中最常用的格式，以 # 開頭，後跟六位數字或字母（例如 #3B82F6）。它能精確表示 RGB 三原色的強度。

RGB (紅、綠、藍)

RGB 格式直接指定紅色、綠色和藍色的數值（從 0 到 255）。在 CSS 中通常寫為 rgb(59, 130, 246)。如果您需要調整透明度，可以使用 RGBA。

HSL (色相、飽和度、亮度)

HSL 被認為是對人類更直覺的格式。

• 色相 (Hue)：顏色在色輪上的位置（0-360）。
• 飽和度 (Saturation)：顏色的純度（0-100%）。
• 亮度 (Lightness)：顏色的明暗程度（0-100%）。

CMYK (印刷四分色)

印刷使用 CMYK（青、洋紅、黃、黑）。由螢幕 RGB 換算出的 CMYK 只是近似值，可作初步溝通；實際印刷請以印廠提供的 ICC 色彩描述檔與打樣為準。

為什麼需要色碼轉換？

1. 跨平台開發：iOS 或 Android 開發有時需要特定的 RGB 數值。
2. 設計一致性：確保您的品牌色在網頁（HEX）與印刷品（CMYK）上保持一致。
3. 動態樣式調整：在 CSS 中使用 HSL 可以更輕鬆地透過修改單一數值來製作按鈕的「深色」或「淺色」變體。

如何使用本工具

1. 在任何一個輸入框中輸入色碼（例如在 HEX 框輸入 #ff0000）。
2. 工具會自動更新所有其他格式（RGB, HSL, HSV, CMYK）。
3. 您可以直接拖動顏色選擇器來尋找靈感。
4. 點擊旁邊的「複製」按鍵即可快速取得色碼。

總結

在任一欄輸入色碼，其他格式會即時更新，點「複製」就能帶走。印刷相關的 CMYK 數值請再以印廠的色彩描述檔核對。

相關工具：地址中翻英與 3+3 郵遞區號查詢——輸入台灣中文地址，批量取得中華郵政格式英譯與六碼郵遞區號。