貼上色碼後即時查看 RGB、HEX、HSL、CMYK 與 HWB 對應值,並同步預覽色塊。
使用此免費線上工具輕鬆製作漂亮的 CSS 漸層。支援線性與放射狀漸層、多個顏色斷點以及角度調整。
免費線上 CSS 陰影產生器。即時預覽製作複雜的多層陰影。可自訂位移、模糊、擴散、顏色與內陰影屬性。
免費線上 CSS 圓角產生器。即時預覽並產生 CSS border-radius 程式碼,支援 px 與 % 單位。
免費線上 CSS 盒模型視覺化工具。拖曳 margin、border、padding、content 即時看層層變化,徹底搞懂 content-box 與 border-box 的差異。
免費線上 Flexbox 佈局遊樂場。切換 flex-direction、justify-content、align-items、flex-wrap,即時看盒子重排,再複製 CSS。
免費線上 CSS 選擇器特異性計算器。貼一或兩個選擇器,看它們的 (a, b, c) 權重、哪條勝出,以及你的樣式為何沒生效。
線上將 Unix Timestamp / 時間戳轉為日期時間,支援秒、毫秒、微秒與奈秒,快速對照本地時間與 UTC。
貼上任何常見的日期或時間格式,立即轉換成 ISO、RFC、區域時間、UTC、Unix 時戳與相對時間,還能複製或分享結果。
輸入 Cron 表達式即可取得可讀的描述與接下來的執行時間。
在瀏覽器中以字元級轉換將繁體中文轉為簡體中文。
在瀏覽器中以字元級轉換將簡體中文轉為繁體中文。
這個免費線上工具可以協助您輕易地將文字的 Tab 轉換為空格
直接在瀏覽器中將貼上的文字轉成全大寫、全小寫、首字大寫或隨機大小寫。
貼上 reStructuredText,立即轉成乾淨好讀的 Markdown。
貼上 Markdown,立即轉成乾淨好讀的 reStructuredText。
移除 JSON 類 payload 的註解與多餘空白,方便出貨或儲存精簡資料。
使用 html-minifier-terser 收斂 HTML 空白,產生更小的正式環境標記。
使用 Terser 壓縮 JavaScript,產生適合 demo、片段與部署產物的精簡程式碼。
透過 AST 解析與重新輸出壓縮 CSS,降低正式環境樣式表大小。
撰寫 Mermaid 語法、即時預覽圖表、切換主題,並將結果匯出為 SVG 或 PNG。
將嚴格 JSON 轉成格式化 YAML,並可調整 key 排序與縮排。
將 JSON 物件轉成 TOML 設定語法,並可選擇遞迴排序 key。
將有效 JSON 轉成 JavaScript 物件字面值,並可調整排序與縮排。
將 JSON 轉成 Python dict 語法,並可選擇大括號、dict() 與 key 引號。
從 JSON 物件或陣列推斷 Go struct 定義,並自動加入 json tags。
貼上 CREATE TABLE 語句,即可依照自訂命名規則產生符合 Go 習慣的 struct 定義。
這個免費線上工具可以協助您將 YAML 資料轉換為 JSON 格式
這個免費線上工具可以協助您將 YAML 資料轉換為 TOML 格式
這個免費線上工具可以協助您將 YAML 轉換為 JS 物件格式
這個免費線上工具可以協助您將 TOML 資料轉換為 JSON 格式
這個免費線上工具可以協助您將 TOML 資料轉換為 YAML 格式
這個免費線上工具可以協助您將 TOML 轉換為 JS 物件格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 JSON 格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 YAML 格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 TOML 格式
這個免費線上工具可以協助您將 JS 物件轉換為 Python 字典(Dictionary)
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 JSON 格式
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 YAML 格式
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 TOML 格式
使用這個免費線上工具,將 Go 結構定義(支援巢狀 struct、切片與 map)轉換成 JSON 範例。
將 Curl 指令轉換為 Python Requests, JavaScript Fetch, Node.js Axios 或 Go 程式碼。所有運算皆在瀏覽器端執行,安全快速。
從文字即時產生 MD5 雜湊值。適合校驗碼、舊系統整合與開發時比對固定指紋。
從文字即時產生 SHA-1 雜湊值。適合舊版校驗碼、Git 相關比對與開發時固定指紋確認。
從文字即時產生 SHA-224 雜湊值。當相容性或校驗碼比對需要精簡的 224 位元 SHA-2 摘要時可以使用。
從文字即時產生 SHA-256 雜湊值。適合校驗碼比對、API 測試資料與固定的完整性指紋。
從文字即時產生 SHA-384 雜湊值。當協議、校驗碼或測試資料需要 384 位元 SHA-2 摘要時可以使用。
從文字即時產生 SHA-512 雜湊值。當協議、校驗碼或測試資料需要 512 位元 SHA-2 摘要時可以使用。
直接在瀏覽器中將貼上的文字轉為 Base64 或 Base64URL,適合檢查 payload 片段、設定值與 API 範例。
在瀏覽器中將 Base64 與 Base64URL 字串解回可讀的 UTF-8 文字,適合檢查 payload 片段、token 與設定值。
將貼上的文字編碼為 Base32 字串,適合不區分大小寫的傳輸、手動輸入與開發測試資料。
將 Base32 字串解回可讀文字,並檢查貼上的值是否使用預期的 Base32 字母表。
將文字轉成 URL component 百分比編碼,適合查詢值、路徑片段、API 範例與 HTTP 除錯。
將 URI 百分比編碼字串解回可讀的 URL 文字,適合檢查路徑、複製的 URL、log 與 HTTP 除錯。
快速將混亂的 JSON 字串整理為易讀的排版格式,並同時檢查語法正確性,幫助您輕鬆閱讀與除錯。
以一致縮排格式化 YAML,並在套用設定前看出語法錯誤。
線上格式化 XML,支援自訂縮排、標籤排版與 SOAP、RSS、設定檔檢查。
線上將混亂 HTML 格式化、排版與美化,使用 Prettier 統一縮排、標籤換行與內嵌 CSS/JavaScript,適合模板除錯。
使用 Prettier 的 Babel parser 重新排版 JavaScript,並可調整縮排。
使用 Prettier 重新排版 CSS,並選擇一致縮排讓樣式表更好讀。
以大寫關鍵字與可調整縮排重新排版 SQL,讓查詢更容易審查。
將有效 JSON 顯示成可折疊樹狀結構,並用 JSON Path 導覽節點。
即時測試並視覺化正規表達式的匹配結果。
貼上 OpenAPI JSON/YAML,導覽 endpoints、schemas、local refs 與 contract 風險。
免費線上 HTTP 報文檢視器。貼上原始 HTTP 請求或回應,立即拆解起始行、標頭與主體並逐一解釋。
免費線上 CORS 模擬器。填入你的請求與伺服器的 Access-Control-Allow 標頭,即時看出瀏覽器會放行還是擋、並指出缺哪個標頭。
免費線上 DOM 樹狀結構檢視器。貼上 HTML,看瀏覽器怎麼把它解析成 element、text、comment 節點,連最容易忽略的空白文字節點也一併標出。
免費線上事件傳遞視覺化工具。點巢狀盒子,看 DOM 事件沿 capture、target、bubble 三階段流動,切換各層監聽器,並看清 stopPropagation 把路徑截在哪。
免費線上 JavaScript 事件迴圈視覺化工具。逐步走過預設程式,看呼叫堆疊、microtask queue 與 macrotask queue 怎麼推進,console 依序印出——最直觀看懂為何 Promise 回呼比 setTimeout 先跑。
在同一個儀表板監看你依賴服務的公開狀態頁。透過同站狀態代理讀取資料,免註冊。
貼上色碼後即時查看 RGB、HEX、HSL、CMYK 與 HWB 對應值,並同步預覽色塊。
使用此免費線上工具輕鬆製作漂亮的 CSS 漸層。支援線性與放射狀漸層、多個顏色斷點以及角度調整。
免費線上 CSS 陰影產生器。即時預覽製作複雜的多層陰影。可自訂位移、模糊、擴散、顏色與內陰影屬性。
免費線上 CSS 圓角產生器。即時預覽並產生 CSS border-radius 程式碼,支援 px 與 % 單位。
免費線上 CSS 盒模型視覺化工具。拖曳 margin、border、padding、content 即時看層層變化,徹底搞懂 content-box 與 border-box 的差異。
免費線上 Flexbox 佈局遊樂場。切換 flex-direction、justify-content、align-items、flex-wrap,即時看盒子重排,再複製 CSS。
免費線上 CSS 選擇器特異性計算器。貼一或兩個選擇器,看它們的 (a, b, c) 權重、哪條勝出,以及你的樣式為何沒生效。
線上將 Unix Timestamp / 時間戳轉為日期時間,支援秒、毫秒、微秒與奈秒,快速對照本地時間與 UTC。
貼上任何常見的日期或時間格式,立即轉換成 ISO、RFC、區域時間、UTC、Unix 時戳與相對時間,還能複製或分享結果。
輸入 Cron 表達式即可取得可讀的描述與接下來的執行時間。
在瀏覽器中以字元級轉換將繁體中文轉為簡體中文。
在瀏覽器中以字元級轉換將簡體中文轉為繁體中文。
這個免費線上工具可以協助您輕易地將文字的 Tab 轉換為空格
直接在瀏覽器中將貼上的文字轉成全大寫、全小寫、首字大寫或隨機大小寫。
貼上 reStructuredText,立即轉成乾淨好讀的 Markdown。
貼上 Markdown,立即轉成乾淨好讀的 reStructuredText。
移除 JSON 類 payload 的註解與多餘空白,方便出貨或儲存精簡資料。
使用 html-minifier-terser 收斂 HTML 空白,產生更小的正式環境標記。
使用 Terser 壓縮 JavaScript,產生適合 demo、片段與部署產物的精簡程式碼。
透過 AST 解析與重新輸出壓縮 CSS,降低正式環境樣式表大小。
撰寫 Mermaid 語法、即時預覽圖表、切換主題,並將結果匯出為 SVG 或 PNG。
將嚴格 JSON 轉成格式化 YAML,並可調整 key 排序與縮排。
將 JSON 物件轉成 TOML 設定語法,並可選擇遞迴排序 key。
將有效 JSON 轉成 JavaScript 物件字面值,並可調整排序與縮排。
將 JSON 轉成 Python dict 語法,並可選擇大括號、dict() 與 key 引號。
從 JSON 物件或陣列推斷 Go struct 定義,並自動加入 json tags。
貼上 CREATE TABLE 語句,即可依照自訂命名規則產生符合 Go 習慣的 struct 定義。
這個免費線上工具可以協助您將 YAML 資料轉換為 JSON 格式
這個免費線上工具可以協助您將 YAML 資料轉換為 TOML 格式
這個免費線上工具可以協助您將 YAML 轉換為 JS 物件格式
這個免費線上工具可以協助您將 TOML 資料轉換為 JSON 格式
這個免費線上工具可以協助您將 TOML 資料轉換為 YAML 格式
這個免費線上工具可以協助您將 TOML 轉換為 JS 物件格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 JSON 格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 YAML 格式
這個免費線上工具可以協助您將 JavaScript 物件轉換為 TOML 格式
這個免費線上工具可以協助您將 JS 物件轉換為 Python 字典(Dictionary)
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 JSON 格式
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 YAML 格式
這個免費線上工具可以協助您將 Python 字典(Dictionary)轉換為 TOML 格式
使用這個免費線上工具,將 Go 結構定義(支援巢狀 struct、切片與 map)轉換成 JSON 範例。
將 Curl 指令轉換為 Python Requests, JavaScript Fetch, Node.js Axios 或 Go 程式碼。所有運算皆在瀏覽器端執行,安全快速。
從文字即時產生 MD5 雜湊值。適合校驗碼、舊系統整合與開發時比對固定指紋。
從文字即時產生 SHA-1 雜湊值。適合舊版校驗碼、Git 相關比對與開發時固定指紋確認。
從文字即時產生 SHA-224 雜湊值。當相容性或校驗碼比對需要精簡的 224 位元 SHA-2 摘要時可以使用。
從文字即時產生 SHA-256 雜湊值。適合校驗碼比對、API 測試資料與固定的完整性指紋。
從文字即時產生 SHA-384 雜湊值。當協議、校驗碼或測試資料需要 384 位元 SHA-2 摘要時可以使用。
從文字即時產生 SHA-512 雜湊值。當協議、校驗碼或測試資料需要 512 位元 SHA-2 摘要時可以使用。
直接在瀏覽器中將貼上的文字轉為 Base64 或 Base64URL,適合檢查 payload 片段、設定值與 API 範例。
在瀏覽器中將 Base64 與 Base64URL 字串解回可讀的 UTF-8 文字,適合檢查 payload 片段、token 與設定值。
將貼上的文字編碼為 Base32 字串,適合不區分大小寫的傳輸、手動輸入與開發測試資料。
將 Base32 字串解回可讀文字,並檢查貼上的值是否使用預期的 Base32 字母表。
將文字轉成 URL component 百分比編碼,適合查詢值、路徑片段、API 範例與 HTTP 除錯。
將 URI 百分比編碼字串解回可讀的 URL 文字,適合檢查路徑、複製的 URL、log 與 HTTP 除錯。
快速將混亂的 JSON 字串整理為易讀的排版格式,並同時檢查語法正確性,幫助您輕鬆閱讀與除錯。
以一致縮排格式化 YAML,並在套用設定前看出語法錯誤。
線上格式化 XML,支援自訂縮排、標籤排版與 SOAP、RSS、設定檔檢查。
線上將混亂 HTML 格式化、排版與美化,使用 Prettier 統一縮排、標籤換行與內嵌 CSS/JavaScript,適合模板除錯。
使用 Prettier 的 Babel parser 重新排版 JavaScript,並可調整縮排。
使用 Prettier 重新排版 CSS,並選擇一致縮排讓樣式表更好讀。
以大寫關鍵字與可調整縮排重新排版 SQL,讓查詢更容易審查。
將有效 JSON 顯示成可折疊樹狀結構,並用 JSON Path 導覽節點。
即時測試並視覺化正規表達式的匹配結果。
貼上 OpenAPI JSON/YAML,導覽 endpoints、schemas、local refs 與 contract 風險。
免費線上 HTTP 報文檢視器。貼上原始 HTTP 請求或回應,立即拆解起始行、標頭與主體並逐一解釋。
免費線上 CORS 模擬器。填入你的請求與伺服器的 Access-Control-Allow 標頭,即時看出瀏覽器會放行還是擋、並指出缺哪個標頭。
免費線上 DOM 樹狀結構檢視器。貼上 HTML,看瀏覽器怎麼把它解析成 element、text、comment 節點,連最容易忽略的空白文字節點也一併標出。
免費線上事件傳遞視覺化工具。點巢狀盒子,看 DOM 事件沿 capture、target、bubble 三階段流動,切換各層監聽器,並看清 stopPropagation 把路徑截在哪。
免費線上 JavaScript 事件迴圈視覺化工具。逐步走過預設程式,看呼叫堆疊、microtask queue 與 macrotask queue 怎麼推進,console 依序印出——最直觀看懂為何 Promise 回呼比 setTimeout 先跑。
在同一個儀表板監看你依賴服務的公開狀態頁。透過同站狀態代理讀取資料,免註冊。