🎨 設計創意工具

🎨 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...