在线开发工具

{ }

JSON 格式化

格式化、压缩与常见字段转译

JSON

格式化压缩去除转义转译中文复制结果清空

格式化结果会显示在这里

64

Base64 编解码

支持中文文本与 URL-safe 输入

BASE64

编码解码复制结果

↗

URL 编解码

处理查询参数、路径片段和中文

URL

编码解码复制结果

#

哈希 / 加密

SHA-1、SHA-256 与本地 MD5

HASH

算法SHA-256SHA-1MD5生成哈希

复制哈希

JWT

JWT 解析

查看 Header、Payload，并检查 exp 过期时间

TOKEN

解析 Token

Header

Payload

这里只解码 Base64URL 内容，不会验证 JWT 签名，也不会把 Token 发送到服务器。

ID

UUID 生成

使用浏览器安全随机源

UUID

数量生成 UUID

复制 UUID

.*

正则测试

查看匹配位置、内容和捕获分组

REGEX

正则表达式Flags

测试匹配

Aa

文本统计

字符、中文、单词、行数和段落

TEXT

0字符

0不含空格

0中文

0单词

0行

0段落

TS

时间戳转换

秒、毫秒与本地日期互转

TIME

秒—复制

毫秒—复制

————

时间戳转日期

转日期

日期转时间戳时间（可选）

转时间戳

🌍

世界时间

按地区查看 27 个城市的本地时间

WORLD TIME—

📅

日期计算

日期推移、间隔与工作日

DATE

计算指定日期推移天数：

0

往后推往前推

开始日期结束日期

计算间隔计算工作日

IMG

图片预览

查看图片尺寸、类型和大小

IMAGE

请选择一张图片

IMG

图片压缩

本地调整 JPEG 质量并下载结果

COMPRESS

质量80%开始压缩

请选择一张图片

●

颜色值转换

快速查看 RGB、HSL 和 CSS 变量

COLOR

RGB—

HSL—

CSS—

HEX

颜色转换器

HEX、RGB、HSL 双向转换

CONVERT

HEX

RGB

HS %L %

HEX—复制

RGB—复制

HSL—复制

Aa

WCAG 对比度检查

检查文字与背景颜色是否满足可访问性标准

WCAG 2.1

背景色

文字色

预览字体大小：

16px

对比度—

WCAG 等级—

这是一个示例文本

普通文本需要至少 4.5:1 的对比度，大文本需要至少 3:1。

按钮示例

反转颜色复制 CSS

🎨

图片调色板提取

从本地图片提取主要颜色，点击色块即可复制

PALETTE

随机调色板

请选择图片，或生成随机调色板

⇄

颜色混合器

按比例混合两种颜色

MIXER

颜色 1

颜色 2

交换颜色

混合比例：

50%

—复制

🌈

CSS 渐变生成器

线性 / 径向渐变、随机颜色和预设库

GRADIENT

类型线性渐变径向渐变角度：

90°

+ 添加颜色随机生成复制 CSS

预设渐变色点击即可应用

▦

网格渐变

生成带随机扰动的渐变色块并下载 PNG

GRID

行数：

6

列数：

6

随机度：

20%

起始色

结束色

随机颜色下载 PNG

↻

随机在线图片

按分类从 Picsum / LoremFlickr 加载示例图片

外部请求

分类风景人像动物城市科技极简

刷新图片查看原图

该工具会请求外部图片服务，其他工具仍保持本地运行。

MAP

高德地图坐标拾取器

外部地图工具，适合开发调试与地理数据整理

外部工具

在地图上点击位置，快速获取经纬度、地址和周边信息。

打开坐标拾取器 ↗