设计工具 (ZH)
16 free 设计工具 tools — instant, private, no sign-up
CSS 三角形和形状生成器
生成具有自定义方向、尺寸、颜色和即用型 CSS 片段输出的纯 CSS 边框和剪辑路径三角形。
打开工具 →CSS 光标测试器和样式生成器
以交互方式测试和预览所有 CSS 光标属性值，并生成带有后备选项的自定义光标 CSS 规则。
打开工具 →CSS 渐变文本生成器
使用线性和径向色标、角度控制和跨浏览器背景剪辑 CSS 创建引人注目的 CSS 渐变文本。
打开工具 →CSS 滤镜和图像效果生成器
通过实时预览直观地创建 CSS 图像滤镜效果，包括模糊、亮度、对比度、灰度、色调旋转、反转和棕褐色。
打开工具 →CSS 盒子阴影生成器
直观地构建 CSS 框阴影值并复制代码片段。
打开工具 →CSS 边框半径生成器
直观地构建 CSS border-radius 值并复制代码片段。
打开工具 →SVG 压缩器和代码清理器
通过删除冗余元数据、注释、编辑器工件和崩溃坐标精度来缩小和优化 SVG 矢量图形。
打开工具 →二维码扫描阅读器
扫描并解码相机或上传的图像中的二维码。
打开工具 →二维码生成器
创建具有颜色、尺寸和可选徽标叠加的自定义 QR 码。
打开工具 →图案 SVG 背景生成器
创建无缝 CSS 背景图案并复制代码。
打开工具 →梯度发生器
构建 CSS 线性和径向渐变并复制代码。
打开工具 →网站图标生成器
从您的徽标生成 16×16、32×32 和 180×180 的图标。
打开工具 →色盲模拟器
模拟常见色盲类型的图像外观。
打开工具 →调色板生成器
从基色生成和谐的调色板。
打开工具 →颜色对比检查器
检查前景色和背景色之间的 WCAG 对比度。
打开工具 →颜色选择器
从轮子中选择颜色或从任何上传的图像中选择样本像素。
打开工具 →