设计工具
颜色选择器
选择并提取 HEX、RGB、HSL 颜色值
设计工具
条码生成器
生成 CODE128、EAN-13、CODE39 等条码，可导出 SVG 与 PNG
工具面板
本地处理关于条码生成器
支持 CODE128、EAN-13、CODE39 等九种格式，校验码按规范自动计算（例如 EAN-13 的第 13 位），并写明每种格式对内容的要求。
- 1
九种格式，每种的内容要求直接标在界面上：EAN-13 / UPC-A / ITF-14 只要写前 12 / 11 / 13 位（**校验位由工具算**），Code39 只认大写字母与少数符号，Pharmacode 是 3–131070 的整数。
- 2
两种输出：**复制 SVG**（矢量，打印与放大都不会糊）或**下载 PNG**（像素尺寸等于预览尺寸，要打印先把条宽与高度调大）。
- 3
颜色与静区是固定的（深色条、白底、四周留 10 单位空白）：这两项直接决定扫码成功率，所以没有做成可调项。
- 1
选格式并填内容
界面会提示该格式允许的字符；填错时直接给出错误而不是生成一张扫不出来的图。
- 2
调条宽与高度
条宽默认 2、高度 80；打印用建议条宽 3 以上，屏幕展示默认值即可。
- 3
复制 SVG 或下载 PNG
设计稿与网页用 SVG，需要位图（贴进 Word、发微信）用 PNG。
第 13 位是校验位：把奇数位乘 1、偶数位乘 3 求和，再用 10 减去和的个位数（个位为 0 时校验位就是 0）。手动算容易错，而且扫出来也校验不过——工具与扫码器用的是同一套算法，交给它算更稳。
按顺序检查三件事：(1) 条宽与高度是否够大（PNG 的像素尺寸就是预览尺寸，放大只会糊，要清晰请用 SVG 或把条宽调到 3 以上）；(2) 四周静区有没有被裁掉——扫码器要靠它识别边界；(3) 打印对比度是否够（不要用彩色纸、不要省墨模式）。
相关工具
查看全部设计工具
颜色对比度
检查前背景色对比是否符合的可访问性标准
设计工具
设计工具
渐变色生成器
可视化创建漂亮的 CSS 线性或径向渐变
设计工具
设计工具
CSS 阴影生成器
可视化调节并复制 box-shadow 代码
设计工具
设计工具
单位换算
各领域物理单位的精准换算
设计工具
设计工具
字节转换
在 B, KB, MB, GB, TB 间进行转换
设计工具
设计工具
CSS 圆角生成器
可视化调节四角圆角并复制 border-radius 代码
设计工具
设计工具
CSS 裁剪路径生成器
拖动顶点调整形状，复制 clip-path: polygon() 代码
设计工具