Omatsuri

把色階、CSS 漸層、SVG 壓縮與編碼等前端小工具集中在同一個瀏覽器應用程式。

• 網頁工具
• 更新：2026-10-06

前往 Omatsuri 官方網站

這是什麼

Omatsuri 是開源的前端工具集合，將色階、CSS 漸層、SVG 壓縮、SVG 轉 JSX、Base64 編碼等功能放在同一個網站。

為何推薦

需要臨時產生樣式或轉換素材時，可以在固定介面快速切換工具，不必分別尋找不同網站。

適合誰

經常處理 CSS、SVG 和前端素材的設計工程師與前端開發者。

常用情境

• 產生同一色彩的明暗色階或 CSS 漸層
• 壓縮 SVG，或把 SVG 轉成 JSX

使用提醒

本次實測色階產生器：輸入 #FF5A5F 後，頁面立即列出一組較淺與較深的 HEX 色值。官方另列出漸層、SVG、Base64、假資料與鍵盤事件碼等工具，本次未逐項實測。