主题集群
图片、SVG 与 CSS
编辑图片、提取颜色、优化 SVG、生成 CSS 视觉效果并创建本地设计资产。
按任务快速筛选工具，一键进入更合适的处理流程。
编辑图片、提取颜色、优化 SVG、生成 CSS 视觉效果并创建本地设计资产。
34 个工具
主题集群
编辑图片、提取颜色、优化 SVG、生成 CSS 视觉效果并创建本地设计资产。
Prepare web images with sizing, compression, and delivery checks.
Use extracted colors as candidates for previews, accents, and documentation.
Remove sensitive regions before image assets leave the original context.
Use this hub for local image editing, SVG optimization, CSS asset generation, and visual review before publishing.
No. Redact first, then resize and optimize the safe asset.
Start with resizing and cropping, then generate or inspect Open Graph metadata with the final asset.
通过移除元数据、注释及冗余属性来优化 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 颜色值。
通过可调边界裁剪图片，并导出精确选区。
为图片应用可调亮度、对比度、饱和度、灰度与模糊滤镜。
支持宽高控制、比例锁定、适配模式与格式导出选项。
使用可调像素化或模糊效果遮挡图片中的敏感区域。
通过对比度与阈值增强扫描页，并将所有页面导出为一个 PDF。
生成随机有机 SVG Blob 形状，支持调节点数、随机度和种子。
创建可平铺 SVG 图案，支持编辑间距、描边和颜色预设。
将描边型 SVG 图元转换为填充形状，支持实时预览与导出。
将 SVG 标记转换为高质量 PNG，支持自定义分辨率和透明背景。
使用预设和滑块创建可平铺的 CSS 背景纹理，并复制可直接使用的代码。
可视化调节各个角的圆角半径，并导出整洁的 CSS border-radius 值。
构建单层或多层 CSS 阴影，支持实时预览和片段下载。
创建自定义复选框样式，并输出支持 hover/checked 状态的 CSS。
使用预设与自定义点位生成 clip-path 多边形，并实时预览。
可视化并导出缓动曲线，让 CSS 过渡更平滑。
设计带有模糊、透明度和边框光晕的毛玻璃卡片，并导出可直接使用的 CSS。
构建线性或径向渐变，可调角度与色标，并输出干净的 CSS。
创建旋转器、圆点或条形加载动画，可自定义尺寸、速度并导出 CSS。
生成精致的切换开关样式，支持尺寸、颜色和状态控制。
制作可动画的故障文字效果，可调强度、颜色并导出 CSS。
生成用于 tooltip、指针和 UI 箭头的方向性 CSS 三角形。