開發工具
顏色換算（HEX RGB HSL）、密碼產生器、JSON 格式化、Base64、Unix 時間戳、URL 編碼等前後端工程師日常會用到的轉換與產生工具，token 與敏感資料都在瀏覽器內處理。
共 16 個工具
開發工具集中常用的編碼、解碼、產生、驗證類別。所有計算都在你的瀏覽器內 JavaScript 引擎執行，不送伺服器，敏感 token 與 API key 可以放心測試。涵蓋前端、後端、DevOps 三類日常情境。
如何選 / 典型情境
- 編碼解碼：Base64、URL encode、JWT decode（除錯 API token）、Hash 摘要計算
- 產生：UUID v4/v7、強密碼、Lorem Ipsum 占位文
- 格式化：JSON 美化 / 壓縮、Markdown 即時預覽、Regex 規則測試
- 視覺：HEX / RGB / HSL 色彩換算、CSS 漸層產生器、WCAG 對比度檢查
密碼產生器
用瀏覽器原生 crypto.getRandomValues() 產生密碼學等級的安全亂數密碼，可選長度（4-64）、大小寫、數字、符號、排除相似字（0/O、1/l）。含 entropy 強度估算與最佳實踐建議，密碼不送伺服器。- 密碼產生器
- 亂數密碼
- 安全密碼
- password generator
JSON 格式化
JSON 美化與壓縮雙向轉換，支援 2 / 4 / Tab 縮排，語法錯誤即時標出行號。API 回應、log、設定檔拿到的單行 JSON 貼上就能整理乾淨，內容不離開瀏覽器。- JSON 格式化
- JSON 美化
- JSON 壓縮
- JSON 驗證
Base64 編碼解碼
文字 ↔ Base64 雙向編碼解碼，完整支援 UTF-8 中文與特殊字元。API token、HTTP Basic Auth、Data URL 內嵌圖片、email 附件除錯都用得上，資料留在瀏覽器內。- Base64
- Base64 編碼
- Base64 解碼
- base64 encode
Unix 時間戳轉換
Unix epoch（時間戳）與日期時間雙向轉換，自動偵測秒與毫秒，當前時間戳即時顯示、一鍵複製。後端除錯、log 解析、資料庫查詢時不用再開 console 手算。- Unix 時間戳
- epoch 轉換
- timestamp 轉日期
- 時間戳產生
URL 編碼解碼
中文與特殊字元 ↔ URL 百分比編碼（percent-encoding）雙向轉換工具，支援 encodeURI 與 encodeURIComponent 兩種模式。從 server log 看到亂碼網址反向 decode 查原意，或把中文網址 encode 後安全傳遞給後端 API、QR Code 或分享連結。- URL 編碼
- URL 解碼
- 中文網址
- percent encoding
顏色換算
HEX、RGB、HSL 三大色彩模型即時互轉，內建色彩挑選器（color picker），支援即時預覽與一鍵複製到剪貼簿。切版對色、UI 設計、簡報配色、Figma 取色共用同一個入口。- 顏色換算
- HEX 轉 RGB
- RGB 轉 HSL
- 色碼轉換
UUID 產生器
產生 UUID v4（隨機）與 UUID v7（含時間戳排序）通用唯一識別碼，支援批量產生與一鍵複製。資料庫主鍵、API token、測試資料要幾個有幾個。- UUID 產生
- UUID v4
- UUID v7
- GUID
Lorem Ipsum 產生器
產生 Lorem Ipsum 拉丁假文或中文亂數段落，可自選段落數、句數、字數與起始用語，一鍵複製。設計稿與版型測試先填點東西佔位，完稿前再換真內容。- Lorem Ipsum
- 假文產生
- 亂數文字
- 中文亂數
JWT Decode 解碼
貼上 JSON Web Token 立即解碼 header 與 payload，過期時間（exp）轉成人類可讀格式，附發行者識別與簽名驗證提示。Auth0、Firebase、Supabase 的 token 都能拆，解析在瀏覽器內完成，token 不會上傳。- JWT decode
- JWT 解碼
- JSON Web Token
- token 解析
雜湊計算
計算文字與檔案的 SHA-1、SHA-256、SHA-384、SHA-512 雜湊值，走瀏覽器原生 Web Crypto API。驗檔案下載完整性、比對 checksum、產生密碼學摘要都在本機完成，檔案不上傳。- hash 計算
- SHA-256
- SHA-512
- SHA-1
Regex 正規表示式測試
輸入 regex pattern 與測試文字，即時標出所有匹配結果、捕獲分組與位置，支援 g、i、m、s、u、y 旗標。表單驗證與 log 解析的規則，先在這裡試對再放進程式。- regex 測試
- 正規表示式
- regular expression
- regex tester
身分證字號驗證
驗證台灣身分證字號 / 外國人統一證號（ARC）是否合法，解析縣市與性別，也是隨機產生測試用合法號碼的身分證 / 居留證號碼產生器。號碼在瀏覽器內運算，不上傳。- 身分證驗證
- 身分證字號
- 統一證號
- 外國人統一證號
台灣測試資料產生器
一鍵產出台灣假姓名、手機、地址、Email 與合法統一編號，一批最多 200 筆。QA 表單、UI demo、後端 mock 直接拿去填，假資料在瀏覽器內生成。- 測試資料
- 假資料產生器
- 假姓名
- 假手機
WCAG 對比度檢查
輸入前景色與背景色，即時算出對比度（contrast ratio）並判斷 WCAG 2.1 AA / AAA 等級過不過。文字、UI、icon 上線前先確認每個人都看得清楚。- WCAG
- 對比度
- contrast ratio
- 無障礙
Markdown 預覽
即時 Markdown 編輯與預覽，支援 GFM（表格、刪除線、checkbox、code block）。README、部落格、技術文件邊寫邊看渲染結果，內容不離開瀏覽器。- Markdown 預覽
- Markdown 編輯器
- GFM
- README
CSS 漸層產生器
視覺化調出 linear-gradient、radial-gradient、conic-gradient 三種 CSS 漸層，拖曳調整色標、角度、位置、透明度，即時預覽並一鍵複製 CSS。Hero banner、按鈕、品牌主視覺的漸層所見即所得。- CSS 漸層
- gradient generator
- linear-gradient
- radial-gradient