🎨 設計創意工具

🎨 Aztec 碼 (簡化版)Aztec Code 輸入文本或鏈接，生成簡化版 Aztec 二維碼，用於票據與物流信息的移動端識讀，純前端本地生成不上傳。Aztec Code - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎵 BPM 節拍測速器Bpm Tapper BPM 節拍測速器，跟隨音樂點擊或按空格測量歌曲速度(每分鐘拍數)，輔助樂手與舞蹈節奏把控。Bpm Tapper - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ Base64 轉圖片Base64 to Image 將 Base64 編碼字符串還原為圖片並預覽下載，也支持反向轉換，便於在網頁與文檔中嵌入或導出圖像數據。Base64 to Image - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design... 📱 響應式斷點生成器Breakpoint Queries 響應式斷點生成器Breakpoint Queries - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🧱 CSS 柵格佈局生成器CSS Grid Generator CSS 柵格佈局生成器CSS Grid Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the D... 🎨 CSS 圓角生成器CSS Rounded Corner Generator 可視化調節圓角參數並實時生成對應的 CSS border-radius 代碼，支持獨立四角與百分比，便於前端快速套用。CSS Rounded Corner Generator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creat... 🎨 CSS 文字陰影生成器CSS Text Shadow Generator 可視化調節文字陰影的偏移、模糊與顏色，實時生成 CSS text-shadow 代碼，便於標題與標語的質感效果設計。CSS Text Shadow Generator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativi... 🎨 CSS 漸變生成器CSS Gradient Generator 可視化配置線性或徑向漸變的起止顏色、角度與停靠點，實時生成 CSS gradient 代碼，便於網頁背景與按鈕配色。CSS Gradient Generator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity ... 🎨 CSS 盒陰影生成器CSS Box Shadow Generator 可視化調節偏移、模糊、擴散與顏色，實時生成 CSS box-shadow 代碼，支持多層陰影，便於網頁元素立體效果設計。CSS Box Shadow Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of... 🎨 CSS 陰影生成器CSS Shadow Generator 可視化調節外陰影與內陰影的偏移、模糊、擴散與顏色，提供常用預設，實時生成 CSS box-shadow 代碼，便於 UI 質感設計。CSS Shadow Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the... ✨ CSS動畫生成器CSS Animation Generator ✨ CSS動畫生成器CSS Animation Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of ... 🎨 CSS動畫生成器（關鍵幀可視化）Generator 10 以可視化方式編排 CSS 關鍵幀動畫，調整時長、緩動與屬性並實時預覽，生成可直接使用的 @keyframes 代碼，純前端。Generator 10 - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🎨 顏色對比度檢查器Color Contrast Checker 顏色對比度檢查器Calculate the WCAG 2.1 contrast ratio between foreground and background colors and check AA/AAA compliance. 🎨 顏色明暗生成器Color Shade Generator 顏色明暗生成器Color Shade Generator - Produce tint and shade ramps from a base HEX color for UI palettes. Free, browser-only. 🖼️ Emoji 圖標生成器Emoji Favicon 將選中的 Emoji 渲染為網站 favicon 圖標並導出多尺寸 ICO/PNG，方便快速更換站點圖標，純前端生成不上傳。Emoji Favicon - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 Favicon 生成器Favicon Generator 在線 Favicon 生成器，上傳圖片或輸入文字/emoji 生成多尺寸網站圖標，支持圓角、背景與格式導出，一鍵下載 .ico 適配各瀏覽器，純前端處理。Favicon Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🧩 Flexbox 佈局生成器Flexbox Layout Generator Flexbox 佈局生成器Flexbox Layout Generator - Visually build display:flex CSS with live preview and copy-ready code. Free, instant, browser-only. 📷 ISO噪點參考ISO Noise Reference ISO 噪點參考，按不同相機在各 ISO 下的噪點表現提供參考、幫助選擇合適感光度，輔助拍攝參數設置。ISO Noise Reference - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 Identicon 頭像Identicon Avatar 輸入字符串或用户名，按哈希算法生成對稱的幾何 Identicon 頭像，常用於無頭像用户的默認標識，純前端生成。Identicon Avatar - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Des... 🎨 Material Design 配色板Material Design Color Scheme 完整 Material Design 色板，共 19 色系 × 10 階色值。點擊色塊複製 HEX。Material Design Color Scheme - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creat... 🖼️ PNG 轉 SVGPNG to SVG 將位圖 PNG 轉換為矢量 SVG 格式（描摹或嵌入），便於縮放無損與前端使用，純前端本地處理不上傳原圖。PNG to SVG - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & ... 🖼️ 像素畫生成器Pixel Art Generator 像素畫生成器Draw pixel art on a grid with adjustable size and palette, then export as ASCII art or CSS. Free online tool on ToolBox — 100% client-side, no data uploade... 📐 px 轉 rem 計算器Px to Rem Converter px 轉 rem 計算器Px to Rem Converter - Convert pixel values to rem with a customizable root font size. Free, instant, browser-only. 📏 rem 轉 px 計算器Rem to Px Converter rem 轉 px 計算器Rem to Px Converter - Convert rem units back to pixels using the root font size. Free, instant, browser-only. 🖼️ SVG 壓縮SVG Compress 粘貼SVG代碼即可自動移除冗餘註釋、空白與默認屬性，壓縮體積並生成精簡後的代碼，便於前端加載優化，支持可視化對比壓縮前後效果。SVG Compress - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ SVG 查看器SVG View Device 粘貼或上傳SVG代碼即可在瀏覽器中可視化預覽圖形，支持縮放查看與一鍵生成對應CSS樣式代碼，方便前端與設計人員調試與嵌入矢量素材。Paste SVG code to preview, validate and export as an image, with one-click copy of CSS or optimized markup. Ideal for icons—free, browser-only, no upload. 🖼️ SVG 轉 PNGSVG to PNG 將矢量 SVG 轉換為 PNG 位圖並支持下載，可設定尺寸與背景，便於在不支持矢量的場景使用，純前端本地轉換。SVG to PNG - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & ... 🎨 Tailwind CSS 配色板Tailwind Colors Tailwind CSS 完整色板，22 色 × 11 階。點擊色塊查看詳情並複製各種格式。Tailwind Colors - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 Toast 提示生成器Toast Generator 可視化配置 Toast 提示的文案、位置、圖標與動畫，生成對應的 HTML/CSS/JS 代碼片段，便於前端快速接入消息提示。Toast Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Desi... 📺 視口單位轉換（vh / vw ↔ px）Viewport Unit Converter (vw/vh) 視口單位轉換（vh / vw ↔ px）Viewport Unit Converter - Convert between vw/vh and px by viewport width or height. Free, instant, browser-only. 🎨 二維碼生成器（已有，可加強定製）QR Code Generator 輸入網址或文本，生成可定製尺寸、容錯與顏色的二維碼，支持導出，便於名片、海報與物料上的信息快速掃碼。QR Code Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🎨 從顏色生成漸變Gradient from Color 從指定顏色生成漸變工具，基於單個色值自動推導同色系或互補色漸變方案，調節角度與停靠點，實時預覽並複製 CSS 漸變代碼，純前端運行。Gradient from Color - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 像素藝術繪製器Pixel Art 網格化像素繪製，支持畫筆、橡皮、填充、吸管，可撤銷重做，導出原始/放大版 PNG。Pixel Art - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🔍 分辨率DPI轉換器Image Dpi Converter 分辨率 DPI 轉換器，在像素尺寸與物理尺寸間互轉並支持 DPI/PPI 計算，輔助印刷與屏幕圖像輸出。Image Dpi Converter - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🎨 加載動畫生成器Spinner Generator CSS 加載動畫（Spinner）在線生成器，提供旋轉、圓環、點陣等多種動效模板，調節尺寸顏色速度後一鍵複製代碼，用於網頁加載佔位，純前端。Spinner Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🎨 加載點動畫Loading Dots 加載點動畫（Loading Dots）在線生成器，可視化預覽三點跳動等待動效，調節速度顏色後一鍵複製 CSS 代碼，直接用於網頁加載佔位，純前端。Loading Dots - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 卡片生成器Card Generator 拖拽式調整卡片的圓角、陰影、內邊距與配色並生成 CSS，適合落地頁與列表卡片，純前端實時預覽可複製樣式代碼。Card Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Desig... 🎨 圖案生成器Pattern Generator 在線圖案生成器，基於 SVG 製作點陣、條紋、網格、波浪等無縫背景紋理，調節間距顏色與透明度，導出 CSS 背景代碼用於網頁裝飾，純前端。Pattern Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🖼️ 圖片壓縮（設計）Image Compress ( Design ) 上傳圖片後在瀏覽器本地按質量壓縮 PNG/JPG/WebP，顯示壓縮前後體積對比，便於減小網頁與附件體積，不上傳原圖。Image Compress ( Design ) - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativi... 🖼️ 圖片取色器Image Color Picker 上傳圖片後在畫面上點選任意位置提取 HEX/RGB 顏色，支持放大取樣與歷史記錄，便於從參考圖中取色配色，純前端處理。Image Color Picker - pick and choose online, free. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Cre... 🖼️ 圖片旋轉Image Rotator 將圖片按任意角度或 90° 步進旋轉並校正構圖，純前端處理不上傳，支持導出旋轉後圖片，適合修正拍攝角度與排版需要。Image Rotator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🔄 圖片格式轉換器Image Format Converter - Support PNG / JPEG / WEBP / BMP 支持 PNG / JPEG / WEBP / BMP 格式互轉，可調整質量和尺寸，純瀏覽器本地處理Image Format Converter - Support PNG / JPEG / WEBP / BMP - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data... 🖼️ 圖片水印Image Watermark 在線圖片水印工具，上傳圖片後添加文字或圖片水印，支持位置、透明度、平鋪與字號調節，批量處理並本地預覽，保護版權不耗流量，純前端。Image Watermark - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 圖片縮放Image Scaling 按像素或百分比調整圖片尺寸，可選保持寬高比並設定輸出質量，純前端壓縮處理不上傳，適合適配上傳限制與縮小配圖。Image Scaling - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 圖片翻轉Image Flipper 在線將圖片水平或垂直鏡像翻轉，一鍵生成反相構圖，純前端處理圖片不上傳，適合修正反向照片與製作對稱視覺效果。Image Flipper - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 圖片裁剪Image Crop 在瀏覽器內框選區域裁剪圖片，支持自由與固定比例並實時預覽，純前端處理圖片不上傳，適合頭像、證件照與配圖裁減。Image Crop - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 圖片轉 ASCII 字符畫Image to ASCII 圖片轉 ASCII 字符畫：可調寬度、對比度、亮度與字符集，本地處理不上傳。Image to ASCII - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🖼️ 圖片轉 Base64Image to Base64 將圖片轉換為 Base64 編碼文本，便於內聯嵌入 HTML/CSS，也支持反向還原，純前端本地處理不離開瀏覽器。Image to Base64 - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design... 🟫 圖片馬賽克工具Image Mosaic ㊗ 圖片馬賽克工具Image Mosaic - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 圓點圖案Dot Pattern 生成均勻或錯位的圓點紋理背景，可調點徑、間距與顏色，用於包裝、網頁底紋與印刷稿，純前端導出透明或純色圖片。Dot Pattern - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. ⭕ 圓角圖片生成器Rounded Corner Image Generator - &# 11099 ; Rounded Corner Image Generator ⭛ 圓角圖片生成器Rounded Corner Image Generator - &# 11099 ; Rounded Corner Image Generator - free online tool. Free online tool on ToolBox — 100% client-side, no data up... 🎨 圓角生成器Rounded Corner Generator 可視化調整元素四角圓角半徑並實時生成 CSS 代碼，支持獨立設置各角，方便前端快速套用圓角樣式，純前端複製。Rounded Corner Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of... 🎼 在線節拍器Web Audio Beat Device 在線節拍器，使用 Web Audio API 提供精準節拍並支持多種拍號，適合練習樂器與節奏訓練。Web Audio Beat Device - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity t... 🎨 頭像生成器Avatar Generator 在線頭像生成器，隨機或按種子生成幾何風、像素風、漸變風頭像，可調整配色與形狀，一鍵下載 PNG 或 SVG，適合社交賬號與佔位圖，純前端。Avatar Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Des... 🎨 字體搭配推薦Font Pairing 字體搭配推薦器，選擇字體組合生成配套 CSS 代碼，輔助網頁與海報的字體搭配設計。Font Pairing - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 字體比例尺Typography Scale 按倍數生成字號階梯（如 1.25 比例），輸出標題到正文的字號表與 CSS，幫助建立一致的排版層級，純前端複製使用。Typography Scale - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🔤 字體預覽器Font Preview 快速預覽多種系統字體渲染效果，輸入文字後實時對比不同字體的顯示差異，點擊卡片即可複製 font-family CSS 代碼。Font Preview - view and preview online, free. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativi... ⏱️ 安全快門計算器Shutter Speed Calculator 安全快門計算器，按焦距估算手持拍攝的安全快門速度以避免手抖模糊，輔助攝影防抖參數設置。Shutter Speed Calculator - calculate online, free and accurate. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the D... ⚖️ 對比度檢查器Contrast Checker ⚖️ 對比度檢查器Contrast Checker - check and validate online, free. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Cr... 🎨 對比度檢查（WCAG標準）Checker 輸入前景色和背景色，計算 WCAG 2.1 對比度比率，判定 AA / AAA 合規性Checker - check and validate online, free. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity ... 🎨 徽章生成器Badge Generator 在線設計圓角或盾形徽章，調整文字、配色與圖標並實時預覽，導出圖片用於活動標識、成就獎章與社交頭像，純前端生成。Badge Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Desi... 🎨 手寫簽名板Signature Pad 支持滑鼠和觸摸，平滑曲線（quadraticCurveTo），可撤銷，導出 PNG 透明背景。Signature Pad - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 按鈕生成器Button Generator 可視化設置按鈕的背景、圓角、陰影與懸停態並生成 CSS，支持多種風格預設，便於前端與設計師快速產出按鈕樣式代碼。Button Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Des... 🎨 數據矩陣碼 (簡化版)Data Matrix 輸入文本或編號，生成簡化版 Data Matrix 二維碼，用於工業零件與物料的小面積標識，純前端本地生成。Data Matrix - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 文字 FaviconText Favicon 輸入文字或字母，生成簡潔的文字型網站圖標（favicon），支持配色與字體調節，便於小站點快速獲得品牌標識。Text Favicon - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 文字陰影生成器Text Shadow Generator 文字陰影（text-shadow）在線生成器，調節偏移、模糊、顏色與多層陰影，實時預覽效果並一鍵複製 CSS 代碼，適合標題裝飾與網頁視覺增強，純前端。Text Shadow Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of th... 🎨 新擬態生成器Neomorphism Generator 調節距離、強度、模糊與底色等參數，實時生成新擬態（Neumorphism）風格的陰影與圓角CSS代碼，方便UI設計師快速套用柔和立體的界面元素。Neomorphism Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of th... 🌸 景深/散景計算器Depth of Field Calculator 輸入光圈、焦距與拍攝距離，計算前景深、後景深與超焦距，幫助攝影者掌控清晰範圍與散景效果，輔助構圖決策。Depth of Field Calculator - calculate online, free and accurate. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the ... 📸 曝光三角計算器Exposure Triangle Calculator 在光圈、快門速度與 ISO 之間做曝光等效換算，保持曝光量不變調整任一參數，輔助攝影曝光組合的選擇。Exposure Triangle Calculator - calculate online, free and accurate. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of t... 🎨 條形碼生成器（EAN-13等）Barcode Generator 輸入數字生成 EAN-13 等常見條形碼圖片，自動計算校驗位，用於商品標籤、倉儲與演示，純前端生成可下載條碼。Barcode Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🎨 條紋圖案Stripe Pattern 生成水平、垂直或斜向條紋背景紋理，可調條紋寬度與雙色配色，用於包裝、網頁與印刷底紋，純前端導出圖片不上傳。Stripe Pattern - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🖼️ 樣式化二維碼QR Code Styled 樣式化二維碼生成器，基於內置 qrcode.js 生成標準二維碼並支持樣式定製，純前端生成、數據不上傳。QR Code Styled - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 棋盤生成器Checkerboard Generator 生成可調格數與配色的棋盤圖案，用於棋類演示、背景與遊戲素材，可導出圖片，純前端繪製不上傳任何數據。Checkerboard Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of t... 🎨 波形可視化Waveform Visualizer 在線波形可視化工具，將音頻或信號數據繪製為時域波形圖，支持上傳文件與實時渲染、縮放查看，便於信號分析與教學演示，純前端處理。Waveform Visualizer - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 漣漪效果生成器Ripple Effect 漣漪（Ripple）點擊效果在線生成器，模擬 Material Design 水波紋動效，可調顏色、擴散半徑與持續時間，導出 CSS/JS 代碼片段直接引用，純前端。Ripple Effect - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 📐 焦距等效換算器Focal Length Equivalent 焦距等效換算器，在不同畫幅間換算等效焦距並對比視角、推薦鏡頭，輔助攝影器材選型。Focal Length Equivalent - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity... 📸 照片存儲計算器Photo Storage Calculator 照片存儲計算器，根據相機分辨率、格式與拍攝數量估算所需存儲卡空間，輔助備卡與容量規劃。Photo Storage Calculator - calculate online, free and accurate. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the D... 📐 照片寬高比計算器Photo Aspect Ratio Calculator 輸入像素或目標尺寸，計算照片寬高比（如 16:9、4:3）及另一邊的對應長度，便於裁剪與多平台發佈尺寸統一。Photo Aspect Ratio Calculator - calculate online, free and accurate. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of ... 🖨️ 照片打印尺寸計算器Photo Print Size 輸入照片像素與打印 DPI，計算最佳打印物理尺寸並對照常見相紙規格，避免沖印模糊或浪費，便於攝影輸出。Photo Print Size - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 玻璃擬態生成器Glassmorphism Generator 可視化調節模糊、透明度與背景，實時生成玻璃擬態（毛玻璃）效果的 CSS 代碼，便於現代 UI 卡片質感設計。Glassmorphism Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of ... 🎨 盒子陰影生成器（可視化調整）Generator 6 拖動控件調整盒陰影的偏移、模糊、擴散與顏色並生成 CSS，支持內陰影與多層陰影，方便前端快速獲得陰影樣式。Generator 6 - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🎨 等距網格Isometric Grid 生成等距（2.5D）風格網格背景，可調格子大小與配色，用於遊戲地圖、插畫底圖與示意圖，純前端導出圖片不上傳。Isometric Grid - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 💫 粒子特效生成器Particle Effect Generator 實時 Canvas 粒子系統，支持多種發射模式、滑鼠交互和預設效果，參數實時調整即時生效Particle Effect Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part o... 🎨 粒子特效生成器（可配置參數）Generator 12 調粒子數量、速度、顏色與引力等參數實時預覽粒子動畫，導出 canvas 代碼或圖片，用於網頁背景與活動頁特效，純前端。Generator 12 - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🎨 網格圖案Grid Pattern 生成可調密度的方格或網格線背景圖案，自定義線寬顏色，用於工程圖底圖、網頁紋理與印刷稿，純前端導出圖片不上傳。Grid Pattern - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 網格漸變Mesh Gradient 生成多色網格（mesh）漸變背景，可拖拽色標調整過渡，用於海報、封面與網頁英雄區，純前端預覽並導出漸變圖片或 CSS。Mesh Gradient - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 背景紋理生成器（重複圖案）Generator 11 調節參數生成可平鋪重複的 CSS 背景紋理（點陣、網格、波浪等），實時預覽並導出代碼，用於網頁與 UI 背景裝飾。Generator 11 - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🔥 色温 (Kelvin) 轉換器Color Temperature Converter 色温轉換器，將開爾文色温值與 RGB 顏色互相轉換並瞭解光線白平衡，輔助攝影與設計配色。Color Temperature Converter - convert values online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part o... 👁️ 色盲模擬器Color Blindness Simulator 輸入任意顏色，查看在不同色盲類型下的視覺效果。基於 Brettel/Viénot/Machado 色盲模擬矩陣計算，幫助設計師和開發者進行無障礙色彩設計。Color Blindness Simulator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativi... 🎨 藍圖網格Blueprint Grid 生成可調密度的藍圖風格網格背景，自定義方格尺寸與顏色，用於工程草圖、手繪底圖與 PPT 背景，純前端導出圖片。Blueprint Grid - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 調色板提取器Palette Extractor 上傳圖片後用中位切分算法智能提取主色調，生成可編輯的調色板並導出為CSS或JSON，方便設計師從參考圖中快速獲取配色方案用於項目。Palette Extractor - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 調色板提取（從圖片上傳，Canvas分析）Palette Extract 上傳圖片後用 Canvas 分析像素，提取主色與完整調色板及佔比，便於從參考圖快速獲取配色方案，純前端本地處理。Palette Extract - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 調色板生成器Palette Generator 設定主色與配色規則後自動生成協調的調色板，提供色值、漸變與CSS變量導出，幫助設計師為網站、海報快速建立統一且可複用的色彩體系。Palette Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the De... 🎨 邊框樣式生成器（圓角、線條）Generator 7 可視化設置邊框寬度、樣式、圓角與配色並生成 CSS，支持單邊獨立設置，便於快速產出分隔線、卡片邊框等樣式代碼。Generator 7 - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design ... 🎨 進度條生成器Progress Bar Generator 進度條在線生成器，調節長度、厚度、圓角、顏色漸變與動畫樣式，實時預覽並一鍵複製 HTML/CSS 代碼，適合下載、投票與任務進度展示，純前端。Progress Bar Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of t... 🎨 配色方案生成器Color Scheme Plan Generator 在色環上拖動圓點調整基礎色相，自動生成包含互補、類似、三角等關係的配色方案，實時預覽並導出色值，適合網頁與品牌視覺的快速配色。Color Scheme Plan Generator - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creati... 🎨 間距比例尺Spacing Scale 基於基數生成統一的間距階梯（如 4/8/16 倍數），用於設計規範與組件間距，可複製為 CSS 變量，方便團隊保持一致的留白節奏。Spacing Scale - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎹 音階調號參考Music Scale Reference 查閲大調、小調等各調式的音階音名與升降記號分佈，快速對照調號與和絃構成，適用於音樂創作與樂理學習。Music Scale Reference - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity t... 🎙️ 音頻錄製處理器Audio Recording Process Device 音頻錄製處理器，在瀏覽器本地錄製音頻、調節音量與速度並可視化波形，純前端運行、數據不上傳，適合語音與素材處理。Audio Recording Process Device - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Cre... 🎨 頻譜可視化Spectrum Visualizer 在線頻譜可視化工具，基於 Web Audio API 將音頻實時繪製為頻域頻譜圖，支持 FFT 分析與峯值查看，適合音頻調試與教學演示，純前端處理。Spectrum Visualizer - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 顏色選擇器Color Selector 在線顏色選擇器，支持 HEX/RGB/HSL/HSV/CMYK 多格式互轉、屏幕取色與實時預覽，內置預設色板，一鍵複製所需格式顏色值，純前端運行。Color Selector - pick and choose online, free. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativ... 🎨 首字母頭像Initials Avatar 首字母頭像在線生成器，輸入姓名或縮寫生成帶背景色的字母頭像，可調字體、圓角與配色方案，一鍵下載 PNG/SVG，適合團隊與用户佔位，純前端。Initials Avatar - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 骨架屏生成器Skeleton Loader 骨架屏（Skeleton Screen）在線生成器，可視化配置列表/卡片/圖文佔位骨架，調節圓角間距與閃爍動畫，導出 CSS 代碼用於加載佔位，純前端。Skeleton Loader - free online tool. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part of the Design & Creativity tools. 🎨 高級陰影生成器Advanced Shadow Generator 支持多層外陰影、內陰影、模糊與擴散的精細調節，實時預覽並一鍵生成高級box-shadow或drop-shadow的CSS代碼，用於卡片與按鈕的層次設計。Advanced Shadow Generator - generate results online, free and instant. Free online tool on ToolBox — 100% client-side, no data uploaded, no install. Part o...