產生程式碼圖片、色彩輸出、SVG 資產等可分享的設計與媒體內容。
45 個工具
透過移除元資料、註解及冗餘屬性來最佳化 SVG 檔案。
快速找到高對比、可用於正式環境的字型搭配,並複製 CSS 匯入片段。
將輸入文字渲染為手寫風格圖片,並支援 PNG 下載。
將程式碼片段轉換為可下載的 PNG 圖片。
在 HEX, RGB, HSL 和 CMYK 顏色格式之間轉換。
透過即時預覽調整 iOS 陰影屬性與 Android elevation,並複製可用的 StyleSheet。
根據種子顏色與風格關鍵字,產生可用於品牌設計的配色方案。
在 RGB 或 HSL 空間按比例混合兩種顏色,並輸出 CSS。
由基礎顏色產生 10-12 個明暗色階,並匯出可用於 design token 的 CSS 變數。
上傳圖片並偵測其平均顏色,支援複製 HEX/RGB 結果。
為圖片加入醒目標題,支援位置、描邊與匯出控制。
從任意圖片擷取主色調,並即時複製 HEX 色值。
點擊圖片任意位置取樣,並複製精確的 HEX/RGB 顏色值。
透過可調邊界裁切圖片,並匯出精確選取區域。
為圖片套用可調亮度、對比、飽和度、灰階與模糊濾鏡。
套用熱門 Instagram 風格濾鏡預設,微調參數並匯出高品質圖片。
產生 Instagram 風格貼文樣板,包含個人資料、文案、互動資料與 PNG 匯出。
建立 Instagram Story 樣板,支援文字疊加、進度條、CTA 區塊與 PNG 匯出。
產生 Open Graph 與 Twitter 中繼標籤,支援社群卡片即時預覽與複製。
產生推文風格圖片卡片,支援個人資料、互動資料、主題與 PNG 匯出。
將推文文字轉為可分享的 PNG 卡片,支援主題預設、頭像上傳與畫布比例。
根據 CPM、CTR、CPC、填充率與成長假設,估算 X/Twitter 流量的廣告與點擊收益。
針對授權圖片 URL 的合規下載器,含所有權確認與清楚的失敗指引。
解析 Vimeo 連結並擷取公開縮圖網址,支援畫質選項與直接下載。
解析 YouTube 連結並擷取公開縮圖網址,支援畫質選項與直接下載。
支援寬高控制、比例鎖定、適配模式與格式匯出選項。
使用可調像素化或模糊效果遮蔽圖片中的敏感區域。
透過對比與閾值強化掃描頁,並將所有頁面匯出為單一 PDF。
產生隨機有機 SVG Blob 形狀,支援調整點數、隨機度與種子。
建立可平鋪 SVG 圖樣,支援編輯間距、描邊與顏色預設。
將描邊型 SVG 圖元轉為填色形狀,支援即時預覽與匯出。
將 SVG 標記轉為高品質 PNG,支援自訂解析度與透明背景。
使用預設與滑桿建立可平鋪的 CSS 背景紋理,並複製可直接使用的程式碼。
視覺化調整各角圓角半徑,並匯出乾淨的 CSS border-radius 值。
建立單層或多層 CSS 陰影,支援即時預覽與片段下載。
建立自訂核取方塊樣式,輸出支援 hover/checked 狀態的 CSS。
使用預設與自訂點位產生 clip-path 多邊形,並即時預覽。
視覺化並匯出緩動曲線,讓 CSS 轉場更平順。
設計具備模糊、透明度與邊框光暈的毛玻璃卡片,並匯出可直接使用的 CSS。
建立線性或徑向漸層,可調角度與色標,並輸出乾淨的 CSS。
建立 spinner、dots 或 bars 載入動畫,可自訂尺寸、速度並匯出 CSS。
產生精緻的切換開關樣式,支援尺寸、顏色與狀態控制。
製作可動畫的故障文字效果,可調整強度、顏色並匯出 CSS。
產生可用於 tooltip、指標與 UI 箭頭的方向性 CSS 三角形。
產生自訂大小和顏色的 QR Code。下載格式為 PNG 或 SVG。