全部工具

前端与设计 参考 免费

KeyCode 对照

键盘按键与 KeyCode 码值对照，支持按键实测。

打开工具 →

前端与设计 参考 免费

前端快捷键

常用编辑器与浏览器调试快捷键速查。

打开工具 →

前端与设计 换算 免费

px 与 rem 转换

按根字号实时互转，支持整段 CSS 批量转换与 1px 边框保留。

打开工具 →

前端与设计 生成 免费

代码转图片

代码转带语法高亮的图片，十余种语言、明暗主题与窗口装饰，导出 PNG。

打开工具 →

前端与设计 生成 免费

徽章生成器

shields.io 风格 SVG 徽章，自定义左右文字、配色与 flat/plastic 样式。

打开工具 →

前端与设计 生成 免费

条形码生成

Code 128、EAN-13、UPC、Code 39、ITF-14 等 15 种码制，导出 SVG/PNG。

打开工具 →

前端与设计 生成 免费

App 图标生成

一张方图出 iOS、Android、PWA 与 favicon 全套尺寸，打包 zip 下载。

打开工具 →

前端与设计 调试 免费

CSS 渐变生成

可视化调线性、径向、锥形渐变，多色标拖拽，附 24 组现成配色。

打开工具 →

前端与设计 参考 免费

颜色名对照与配色

CSS 148 个颜色名与日本传统色对照，并由一个基色推出整套配色方案。

打开工具 →

前端与设计 调试 免费

色盲模拟器

上传图片，对照常见色觉缺陷下的近似视觉效果。

打开工具 →

前端与设计 检测 免费

颜色对比度检测

WCAG 2.2 前景背景对比度计算，检查文字与控件 AA / AAA 标准，实时预览并推荐达标文字色。

打开工具 →

前端与设计 处理 免费

SVG 清理与优化

移除 SVG 注释、编辑器元数据、脚本和外部引用，保留矢量图形并导出清理结果。

打开工具 →

前端与设计 处理 免费

图片主色提取

分析图片主要颜色与占比，生成 HEX / RGB 色板和 CSS 变量，可下载色板数据。

打开工具 →

参考对照 参考 免费

Base64 码表

Base64 编码字符对照表。

打开工具 →

参考对照 参考 免费

HTTP 状态码

HTTP 协议状态码含义速查。

打开工具 →

参考对照 参考 免费

HTTP 头对照

HTTP 请求头与响应头字段对照表。

打开工具 →

参考对照 参考 免费

HTML 转义字符

HTML / XML 转义字符实体对照表。

打开工具 →

参考对照 参考 免费

MimeType 参考

常见文件扩展名与 MimeType 对照。

打开工具 →

参考对照 参考 免费

Magic Bytes

常见文件格式的 Magic Bytes 特征表。

打开工具 →

参考对照 参考 免费

特殊符号大全

可复制的特殊符号与字符集合。

打开工具 →

参考对照 参考 免费

运算符优先级

各语言运算符优先级对照表。

打开工具 →

参考对照 参考 免费

EASCII 码表

扩展 ASCII 码对照表。

打开工具 →

参考对照 参考 免费

ASP 错误代码

ASP 常见错误代码与说明。

打开工具 →

参考对照 参考 免费

搜索引擎提交

各搜索引擎站点收录提交入口汇总。

打开工具 →