🧰 懶人工具箱

🎨 顏色轉換器

HEX、RGB、HSL 色碼互相轉換,選一個顏色,三種格式同步更新,一鍵複製。

廣告・橫幅 728×90
廣告・大型矩形 336×280

📖 使用說明

  1. 選一個顏色:直接點「色彩選取器」用滑鼠挑色,或在下方 HEX、RGB、HSL 任一欄位輸入你已經知道的色碼。
  2. 三種格式會即時同步更新,不用按任何按鈕——改動其中一欄,其他欄位跟下方色塊預覽都會馬上跟著換算過去。
  3. HEX 欄位可直接貼上色碼,支援 6 碼(例如 #4F46E5)或 3 碼縮寫(例如 #4F6),格式不對時畫面不會更新。
  4. RGB 欄位分別輸入 R、G、B(0–255 的整數);HSL 欄位輸入色相 H(0–360)、飽和度 S 與明度 L(皆為 0–100 的百分比)。
  5. 每個格式輸入框旁都有「複製」按鈕,按一下就把該格式的完整字串(例如 rgb(79, 70, 229))複製到剪貼簿,可直接貼到設計軟體或程式碼裡使用。
小提醒:按「複製」不需要自己先選取文字,工具會自動選取整個欄位內容並複製;如果 HEX 欄位貼上後畫面沒反應,通常是多了空格或位數不對(不是 3 碼就是 6 碼的十六進位),檢查一下格式即可。
廣告・橫幅 728×90