开发工具
(100)面向开发者的常用助手:格式化、转换、生成和校验工具。
差异查看器
粘贴任意文本的两个版本,并高亮显示新增、删除和未修改的行。并排比较,或在一个内联视图中比较。
Docker Compose 生成器
根据服务定义(镜像、端口和卷)生成 docker-compose.yml 文件,并提供最佳实践默认值。
Dockerfile 生成器
为 Node.js、Python、PHP、Go 或 Rust 生成可用于生产的 Dockerfile,包含缓存友好的步骤、暴露的端口,以及面向编译语言的构建。
十进制到十六进制转换器
输入十进制整数即可立即获得对应的十六进制值,包括以 64 位二进制补码表示的负值。
十进制转八进制转换器
将十进制整数转换为八进制(基数为8)形式。输入数字即可立即得到八进制数字。下方指南介绍了除以 8 的方法。
cURL 转换器
在本地将粘贴的 cURL 命令转换为浏览器 Fetch、Node.js fetch、Python Requests 或 PHP cURL 代码,而不执行请求。
数据存储转换器
在比特、字节、千字节、兆字节、吉字节、太字节和拍字节之间转换数据大小,支持十进制(1000)或二进制(1024)。
CSS 工具提示生成器
使用数据属性和 ::after 生成无障碍的纯 CSS 工具提示。无需任何 JavaScript 即可设置位置、背景色和文字颜色。
CSS 转 Tailwind
粘贴一条 CSS 规则,即可获得对应的 Tailwind CSS 工具类,其中包括针对默认比例之外任何取值的任意值回退方案。
CSS三角形生成器
使用零宽度边框技巧在任意方向生成纯CSS三角形。选择方向、大小和填充颜色,然后复制该声明。
从 CSV 转换为 JSON
将包含标题行的CSV文件转换为 JSON 对象数组:标题行作为键值,数据行作为对象,即可直接用于API调用和JavaScript代码中。
CSV转 JSON 转换器
将 CSV 电子表格转换为 JSON 格式,支持选择分隔符(逗号、制表符、分号)、处理标题以及生成美观或紧凑的输出结果
CSV到Markdown转换器
将 CSV 数据行转换为 GitHub Flavored Markdown 表格,包含标题分隔行和以竖线分隔的单元格,可直接粘贴到 README 文件或拉取请求中。
CSV 转 YAML 转换器
将 CSV 数据转换为整洁的 YAML 映射列表:表头成为键,每一行成为顶层数组下的嵌套映射。
CSS 盒子阴影生成器
为单个盒子阴影设置水平和垂直偏移、模糊、扩散、颜色以及可选的 inset,然后复制规则。要制作多层阴影,请逐层生成,再用逗号合并规则。
CSS 卡片生成器
为卡片容器生成 CSS:背景、边框、圆角、内边距和柔和投影,即时预览,代码可复制。
CSS 复选框生成器
用纯 CSS 设置原生复选框样式:选择勾选颜色、边框颜色、尺寸和圆角,预览对勾,然后复制立即可用的 CSS。
CSS clip-path 生成器
生成现成的 clip-path 规则。从四种预设形状中选择一种,三角形、菱形、梯形或六边形,然后复制 CSS。
CSS 分隔线生成器
生成水平分隔线 CSS:选择线条样式、颜色、粗细和边距,在两个区块之间预览,然后复制现成规则。
CSS 滤镜生成器
为模糊、亮度、对比度、灰度和饱和度构建 CSS 滤镜链。输入数值并复制现成规则。
CSS Flexbox 生成器
几秒生成 flex 容器 CSS。选择 flex-direction、justify-content、align-items、gap 和 wrap,复制即可使用的 CSS。
CSS 格式化工具
将压缩或杂乱的 CSS 格式化为易读的代码:每行一条声明、两个空格缩进、规则之间空一行。格式化时会删除块注释。
CSS表单生成器
生成完整样式化表单的CSS:表单网格、标签、输入框、文本区域、选择器以及清晰的焦点状态。设置强调色、圆角半径和间距,然后复制代码。
CSS 渐变生成器
用两种颜色生成可直接使用的 CSS 渐变。选择线性或径向,设置角度,然后复制背景代码。
CSS Grid 生成器
生成 CSS Grid 容器规则:固定数量的等宽列、自定义间距,以及带最小宽度的响应式回退,复制即可使用。
CSS Keyframes 生成器
为淡入滑动、脉冲、旋转或弹跳动画生成 @keyframes 规则,可自定义名称、时长与距离,复制即可使用。
CSS 加载动画生成器
用纯 CSS 创建圆形旋转图标:设置直径、边框粗细、强调色和旋转速度,实时预览后一键复制可直接使用的 CSS。无需 SVG 或 JavaScript。
CSS 压缩
通过去掉空白和注释来压缩 CSS。美化过的样式表通常可节省 25-50%,输出行为与原文完全一致。
CSS 模态框生成器
生成模态对话框的 CSS:固定的深色全屏背景、居中白色面板、带强调色的标题栏和右对齐的操作按钮。可调整宽度、圆角半径和强调色。
CSS 价格表生成器
用 HTML + CSS 生成单个价格卡片:套餐名称、价格和品牌强调色。将代码复制到落地页即可。
CSS滚动条生成器
使用CSS自定义滚动条外观。支持现代的scrollbar-color / scrollbar-width,以及旧版::-webkit-scrollbar,实现广泛兼容。
CSS标签生成器
使用 HTML + CSS 构建自定义标签栏:活动标签强调色、圆角和悬停状态。将代码复制到你的项目中。
CSS文本阴影生成器
通过设置 X、Y 偏移量、模糊度和颜色来构建 text-shadow 声明,然后将精确的 CSS 行复制到样式表中。
Cron 表达式生成器
根据可视化计划生成 Unix cron 表达式:选择分钟、小时、日期、月份和星期,即可获取适用于 crontab、Kubernetes 或 GitHub Actions 的精确语法。
Cron 表达式解析器
粘贴一个标准的 5 字段 cron 表达式,即可获得通俗易懂的英文说明,以及接下来 5 次预定运行时间。
Crontab Guru
粘贴一个标准的 5 字段 cron 表达式,即可获得每个字段的通俗英文解释:分钟、小时、日(月内)、月份和星期。
CSR解码器
粘贴 PEM 格式编码的证书签名请求,即可读取主体各字段以及公钥的算法和大小,无需安装任何工具。
CSS 动画生成器
使用内置预设创建 CSS @keyframes 动画。设置名称、时长、缓动、迭代次数和方向,实时预览并复制 CSS 代码。
CSS 箭头生成器
在本地创建带方向、颜色、尺寸和边框粗细的 CSS 箭头,然后复制规则。
CSS 圆角生成器
设置四个角(左上、右上、右下、左下)的半径,选择 px、% 或 rem,然后复制可直接使用的 border-radius 简写。
颜色混合器
将两个 HEX 颜色混合成 2-20 个均匀色块。每个中间色都以大写 HEX 代码显示,并包含两端颜色。
颜色代码转换器
在常用网页颜色代码之间互相转换:HEX(#RGB、#RRGGBB)、rgb(r,g,b)、hsl(h,s%,l%)。提供实时预览,代码一键复制。
颜色对比度检查器
检查前景与背景颜色之间的 WCAG 对比度。针对AA、AAA、大文本及非文本区域的对比度判定标准为通过/未通过。
暗色阶生成器
以 HEX 基础色生成更深的暗色阶,3~20 级均匀渐变,适用于设计系统调色板和悬停/按下状态。
颜色色调生成器
生成基础颜色的更浅色调。适合设计系统色阶、背景和悬停状态,支持3至20级。
变更日志生成器
根据分类条目生成 Keep a Changelog 风格的 Markdown 部分。将条目粘贴到 Added、Changed、Fixed 和 Removed 下,选择 Markdown 或纯文本,然后复制输出。
Chmod 计算器
将权限八进制代码(755、644)与rwx权限字符串相互转换;切换用户、组及其他参数设置,并查看生成的chmod命令。
CMYK 转 RGB 转换器
使用标准数学公式,将 CMYK 百分比转换为用于快速屏幕预览的近似 RGB 和 Hex 值。
代码转图片
粘贴代码,调整主题、颜色、字号、内边距、窗口标题栏和行号,在 canvas 上预览后下载 PNG。纯文本绘制,不提供语法高亮。
证书解码器
粘贴一张 X.509 PEM 证书,并查看解码后的字段:主体、颁发者、序列号、签名算法、有效期及主体备用名称(SAN)。
PX 转 PT 转换器
按 1 px = 0.75 pt 的关系,将非负 CSS 像素值换算为排版点。结果最多显示四位小数。
正则表达式速查表
面向 JavaScript、PCRE2/PHP、Python re 和 .NET 的可搜索正则表达式参考表。比较标记、引擎专用语法、锚点、分组、前瞻后顾和标志。
图案背景生成器
使用自定义颜色和间距制作圆点、网格、密集条纹、棋盘格、交叉线或疏排对角线,并复制生成的 CSS。
Markdown速查表
实用Markdown参考资料,通过真实预览和可复制示例讲解标题、列表、表格、代码、链接、图片与GFM语法。
Mermaid 图表预览器
编写 Mermaid 语法,绘制流程图、时序图、类图和甘特图,实时预览 SVG 效果,并可一键复制或下载。
网格渐变生成器
使用 4、6 或 9 个可移动色点设计网格效果渐变。下载 SVG 或 PNG,或复制由径向渐变组成的 CSS。
键盘快捷键参考
搜索 macOS、Windows 和 Linux 上 VS Code、Chrome 以及使用 GNU Readline 的 Bash 的文档默认快捷键。
XPath 测试工具
在浏览器中针对你的 XML 或 HTML 测试 XPath 1.0 表达式,并查看每个匹配节点的属性、文本和标记。
YAML 格式化工具
在浏览器中美化 YAML:统一缩进、可选的键排序和安全的引号处理,让配置保持可读、diff 干净。
HTML表格生成器
根据行列数据生成简洁美观的HTML表格,并支持设置标题、边框及斑马纹效果。
HTML 转图片工具
在浏览器中把 HTML 和 CSS 渲染成固定尺寸的 PNG 或 JPG。设置画布与缩放,预览后在本地下载。
HTTP 状态码检查器
直接在浏览器中检查最终 HTTP 状态、目标 URL、响应头耗时及 CORS 允许读取的响应头。
CSS渐变生成器
通过颜色节点以及角度或形状控制创建线性和径向 CSS 渐变。将生成的 CSS 背景声明复制到样式表中。
HTML 字符参考
可搜索的 HTML 实体列表,含命名代码与数值代码,并支持一键复制特殊字符和符号。
HTML 格式化器
在浏览器中用两个或四个空格本地格式化 HTML。HTML 不会上传,也不会被验证。
ERD 图表生成器
在浏览器中创建结构化 ERD:定义实体、字段、PK 和 FK 角色、关系与基数,并在本地导出 Mermaid、SVG 或 PNG。
互补色查找器
为任意输入值查找互补色,返回 HSL 对应色、分裂互补色组合以及可行配色方案建议。
CSS 手风琴生成器
使用 details 和 summary 创建三段式手风琴,调整文字、颜色、间距、图标和展开方式,然后复制或下载代码。
CSS 按钮生成器
设计纯色或渐变 CSS 按钮,预览六种状态,检查对比度,生成安全的 HTML 和 CSS,并下载独立文件。
cURL 命令生成器
根据 HTTP URL、请求头、认证、JSON、原始数据或表单字段,在浏览器中私密生成适用于 POSIX Shell 或 PowerShell 的 cURL 命令。
色轮探索器
以交互方式探索色轮:旋转色彩组合,对比 HSL 与 RYB 效果,并实时识别互补色及三元配色组合。
XML 压缩器
在浏览器中精简格式正确的 XML,移除注释及标记令牌之间含换行的空白。
XML 转 YAML 转换器
在浏览器中将一份格式正确的 XML 文档转换为采用固定映射的易读 YAML,并保留可见的元素名、属性、文本和重复的同级元素。
XML 语法检查器
在浏览器中检查 XML 语法是否格式正确,并查看解析错误信息,无需上传或发送任何内容。
YAML 转 TOML 转换器
在浏览器中将一份顶层为映射的 YAML 转成 TOML。使用结果前,请检查嵌套表、数组和转换限制。
YAML 语法检查器
使用 js-yaml CORE_SCHEMA 在浏览器本地检查单文档或多文档 YAML 流,无需上传内容即可查看解析错误。
二进制文件十六进制查看器
选择文件,从任意有效字节偏移量开始,将有限片段显示为包含偏移量、十六进制和 ASCII 列的本地 hex dump。
颜色名称查找器
使用 CIEDE2000,为 HEX、RGB 或 HSL 值查找最接近的标准 CSS 命名颜色。
相邻色生成器
从任意基准色生成五色相邻色配色,包含经典的中央三色与两种外侧色,并输出 hex、RGB 和 HSL 值。
ASCII 表参考
完整 ASCII 表,覆盖 0 到 127;列出每个代码的十进制、十六进制、八进制、二进制值和 HTML 数字字符引用写法,包括 NUL、LF、DEL。
程序计数器模拟器
跟踪简化的定长指令清单,包括标签、分支、跳转、调用、返回及 16、24 或 32 位地址。
渐变壁纸生成器
为笔记本电脑、手机或Zoom背景生成模糊的三色渐变壁纸。可随机生成,也可手动设置角度与模糊效果。
电话号码验证器
根据各国号码规划检查结构,并显示地区、类型以及E.164、国际、国内和RFC 3966格式。
HAR 文件查看器
在本地打开 HAR 网络记录,筛选请求,检查已隐藏的标头和计时,并在不上传文件的情况下导出净化后的摘要。
FPS 计数器
用 requestAnimationFrame 测量浏览器 FPS:支持平滑处理、最低/最高帧率、警告阈值和可选图表。全程本地运行,不上传数据,也不调用 API。
布尔代数化简器
计算布尔表达式在每种输入组合下的值,并显示完整的真值表。支持最多五个变量和 &、|、!、^ 运算符。
二进制转 ASCII 转换器
粘贴二进制(用空格分隔的字节或一长串比特),即可得到它所表示的 ASCII 文本,每次按 8 位解码。
二进制转十进制
把二进制数转为十进制,或把十进制数转为二进制,即时完成。粘贴一个数字,读取结果。
二进制转十六进制转换器
将二进制输入转换为纯大写十六进制值。非 0 和 1 字符会被忽略,前导零不会保留。
二进制转八进制转换器
通过每三位分组将二进制转为八进制。适合 Unix 权限、旧系统和紧凑的数字显示。
BBCode 转 HTML 转换器
将 BBCode(论坛标记)转换为干净的 HTML。支持格式标签、列表、引用、代码、图片和链接。
Base64 转 Hex 转换器
把标准 Base64 字符串转换为其底层字节,以连续大写十六进制表示。严格解码,适合令牌、密钥和 JWT 签名。
ASCII 转二进制转换器
将任意 ASCII 字符串转换为二进制表示。每个字符变成八位,以空格分隔,可直接粘贴到协议跟踪或作业中。
ASCII 转十六进制转换器
将 ASCII 文本转换为十六进制字节值。输出每个字符占两位十六进制,可直接用于内存转储、数据包跟踪或固件表。
随机字母生成器
生成随机 A-Z 字母。选择数量、大写、小写或大小写混合,用于游戏、提示题或课堂活动。
随机颜色生成器
生成 1 到 50 个随机 HEX 颜色,查看色块,复制代码,并用于 CSS、测试或配色探索。
JSON 格式化工具
粘贴 JSON,即可用 2 或 4 个空格美化排版,压缩成紧凑输出,或在复制结果前快速检查语法。
颜色调色板生成器
从基础 HEX 颜色生成单色、类似色、互补色、三角色或四角色调色板,并导出可直接复制的 CSS 变量。
HEX 颜色选择器
选择或输入 HEX 颜色,查看 RGB、HSL、估算 CMYK、相对亮度以及与白色和黑色的对比度。
随机调色板生成器
生成包含 2 到 15 个色块的随机调色板,选择鲜明、柔和、低饱和或深色风格,然后复制 HEX 代码或 CSS 变量。