🧰 在线工具箱 实用站长与开发工具集合 · 共 227 个
🎨设计/颜色(14 个工具)
💉
屏幕取色器
在线取色/颜色选择
设计/颜色 27
👁
对比度检测
检测文字与背景对比度
设计/颜色 28
🌈
CSS色彩工具
调色板、渐变生成、HEX/RGB/HSL颜色转换
设计/颜色 54
✍
电子签名制作
在线手写电子签名工具,用鼠标或触屏即可在画布上书写签名,支持清除重写、调整笔画并下载签名图片
设计/颜色 43
🔲
九宫格切图
在线九宫格切图工具,上传一张图片即可平均切成九宫格,适合朋友圈、微博配图,可逐格下载
设计/颜色 38
🎨
图片滤镜
图片滤镜效果处理
设计/颜色 34
💧
图片水印
给图片添加文字水印
设计/颜色 26
📋
CSS动画生成器
可视化生成CSS3动画代码,内置淡入、滑动、缩放、弹跳等效果,可调时长、缓动与延迟,实时预览
设计/颜色 26
📋
CSS按钮生成器
在线设计CSS按钮样式,自定义颜色、圆角、阴影与悬停动效,实时预览并生成可复制的代码
设计/颜色 28
🎨
配色方案生成器
基于 HSL 色轮自动生成和谐配色,点击色块复制 HEX,可用于网页、UI 与品牌设计。
设计/颜色 31
📐
Flex布局生成器
可视化调试CSS Flex弹性布局,设置主轴方向、对齐方式与间距,实时预览并生成代码
设计/颜色 30
🔤
字体在线预览
在线预览不同字体、字号、字重与颜色的显示效果,支持自定义中英文示例文字
设计/颜色 29
📋
毛玻璃效果生成器
毛玻璃(Glassmorphism)通过 backdrop-filter: blur 与半透明背景实现,建议在有色彩/图片的背景上使用;现代浏览器均已支持。
设计/颜色 20
🧩
Grid网格生成器
可视化生成CSS Grid网格布局,自定义行列数、间距与对齐方式,实时预览并复制代码
设计/颜色 33