工具实战手册关于

105款免费IT工具/设计

免费设计工具

渐变、调色板、盒阴影、网站图标和布局辅助工具，为设计师和前端开发者打造。免费、即开即用，全部在浏览器中运行，保护隐私。

18 个免费工具

🎨色彩调色板

从图片中提取配色方案，或为您的项目生成和谐的色彩组合。

▫Favicon 生成器

从文字、表情符号或上传文件生成 Favicon，导出所有适用于网页和移动端的尺寸。

🎯颜色转换器

在 HEX、RGB、HSL 和 CMYK 之间转换颜色，并实时预览。

按段落、句子或单词生成占位文本，支持自定义长度。

16:9宽高比计算器

计算宽高比，支持锁定模式、常见预设和尺寸调整计算。

Aa对比度检查器

WCAG 无障碍对比度检查器，支持 AA/AAA 合规检测、配色建议和实时 UI 预览。

□占位图片

生成带有自定义颜色、文字、图案和渐变的占位图片，支持 PNG 和 SVG 导出。

◇SVG 编辑器

粘贴 SVG 并渲染预览，优化文件大小，编辑颜色，并导出为 SVG、PNG 或 data-URI。

✦CSS 动画构建器

可视化设计 CSS 动画，提供关键帧编辑器、时间曲线、预设效果和生成的 CSS 代码。

🌈渐变文字

为文字添加 CSS 渐变效果，支持 2 至 4 个色标、方向控制和预设方案，复制即用的 CSS。

▪Box Shadow 生成器

可视化设计 CSS 阴影，支持多图层、内阴影，以及拟物化和毛玻璃预设效果。

🖥截图样机

将截图放入设备样机中展示，支持 MacBook、iPhone、iPad 和浏览器样式，可自定义背景、阴影并导出 PNG。

Tt字体比例计算器

生成带可视化预览的排版比例，提供 Material、Tailwind、Bootstrap 预设方案和 CSS 导出。

⊟间距计算器

生成一致的间距比例，支持可视化预览、4px/8px 预设和 CSS 自定义属性导出。

◠圆角生成器

可视化圆角编辑器，拖动角点或输入数值，提供胶囊、圆形和不规则形状预设，并输出 CSS。

◐CSS 滤镜编辑器

可视化 CSS 滤镜编辑器，支持模糊、亮度、对比度、色相旋转等效果，并实时预览。

📏像素标尺

屏幕覆盖式标尺工具，可拖动测量像素距离，用于检查设计稿中的间距。

🖼随机图片

使用 Canvas 图案生成自定义尺寸的随机占位图片，支持 PNG 下载。

更多分类

智能体运维 (10)编程 (39)运维 (9)效率 (9)营销 (8)商务 (8)浏览全部 105 个工具