在线工具
覆盖开发、文本、图片、数据与编码转换。全部工具开箱即用,优先本地处理,响应更快。
选择并提取 HEX、RGB、HSL 颜色值
各领域物理单位的精准换算
可视化创建漂亮的 CSS 线性或径向渐变
调节模糊、透明度与高光边框,生成 glassmorphism 卡片样式
由基色生成一套 50–900 色阶,可复制为 CSS 变量
生成 CODE128、EAN-13、CODE39 等条码,可导出 SVG 与 PNG
上传图片提取主色板,可复制为色值列表
上传图片,点击任意位置吸取该点颜色
生成用于展示的 X(Twitter)帖子截图,可下载高清 PNG
检查前背景色对比是否符合的可访问性标准
按比例混合两种颜色,输出 HEX/RGB/HSL
在 B, KB, MB, GB, TB 间进行转换
用渐变生成条纹、圆点、网格等可无缝平铺的背景图案
拖动顶点调整形状,复制 clip-path: polygon() 代码
拖动控制点编辑 cubic-bezier 曲线,复制缓动代码
10 种纯 CSS 加载动画,调大小/颜色/速度并复制代码
用 border 生成任意方向与尺寸的三角形并复制 CSS
可视化调节并复制 box-shadow 代码
可视化调节四角圆角并复制 border-radius 代码
上传图片或输入字母,生成多尺寸图标与 favicon.ico
本地生成 1200×630 分享卡片,预览各平台效果并复制 Meta 标签