顏色轉換器
挑選一個顏色或輸入數值，FileTinker 會即時於 HEX、RGB 與 HSL 之間轉換。每個欄位都可編輯，每個數值都能直接貼進 CSS。一切都在你的瀏覽器中進行。
在格式之間轉換
直接前往特定的轉換 — 每個都有獨立頁面，並已將工具設定好：
如何轉換顏色
- 用色塊挑選顏色，或在任一欄位輸入 HEX、RGB 或 HSL 值。
- 其他格式會隨著你的操作即時更新。
- 複製你需要的格式——每個數值都能直接貼進 CSS 或設計工具。
關於顏色格式
HEX、RGB 與 HSL 是同一組螢幕顏色的三種表示法。HEX（例如 #3366ff）精簡且常見於標記語言；RGB 明確列出紅、綠、藍三個通道，範圍從 0 到 255；HSL 描述色相、飽和度與亮度，當你想建立配色或憑感覺微調色調時相當直覺。在網頁與平面設計中，於三者之間轉換是日常工作。
本工具會在你編輯任一格式時讓三者保持同步，並提供即時預覽與原生取色器。由於它完全在你的瀏覽器中執行，因此既即時又私密——很適合用來比對品牌色、建立 CSS 變數，或臨時取樣某個色調。
常見問題
如何將 HEX 轉換成 RGB 或 HSL？
輸入或貼上一個 HEX 值（或用色塊挑選顏色），RGB 與 HSL 欄位就會即時更新。每個欄位都是雙向的，因此你可以從任何格式開始，並讀取其他格式。複製你需要的那一個即可。
HEX、RGB 與 HSL 有什麼差別？
它們以不同方式描述同一個顏色。HEX 與 RGB 都設定紅、綠、藍的量（HEX 以十六進位、RGB 以 0–255 的數字）。HSL 則使用色相、飽和度與亮度，讓你更容易手動把顏色調亮、調暗或調得更柔和。
這些數值可以直接用於 CSS 嗎？
可以。HEX、rgb(...) 與 hsl(...) 的寫法都完全符合 CSS 的格式，因此你可以將其中任何一個直接貼進樣式表或設計工具。
會上傳任何資料嗎？
不會。所有轉換運算都在你的瀏覽器中進行；不會傳送到任何地方。