🎨 设计创意工具

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