设计师

颜色代码转换器

HEX、RGB、HSL、CMYK 颜色格式一键互转复制。

颜色对比度检测（WCAG）

检测文字与背景的对比度是否达到 WCAG 2.1 AA/AAA 标准。

像素与打印尺寸换算器

px、pt、rem 互转，按任意 DPI 在英寸/厘米与像素间换算。

SVG 压缩工具

移除 SVG 注释与冗余空白，下载更小的矢量文件。

SVG 转 React 组件

把 SVG 源码转为可直接粘贴的 React JSX 组件，属性自动驼峰化。

图片转 Base64

图片转 data URL，并提供可复制的 CSS 与 HTML 代码片段。

Lorem Ipsum 占位文本生成

为设计稿生成占位段落、句子或单词。

Favicon 图标生成器

放入一张方形图片，输出 favicon.ico、苹果触屏图标和全套 PNG。

图片配色提取器

提取照片的主色调，也可以手动吸取任意像素的精确颜色。

一键抠图

浏览器本地去除背景，输出透明 PNG。

社交媒体图片尺寸调整

一张照片，导出所有平台需要的尺寸 —— 勾选后打包成 ZIP。

图片缩放

按像素、百分比或最长边限制缩放单张或整批照片。

图片压缩

按画质或指定目标大小批量减小 JPG、PNG、WebP 图片体积。

裁剪图片

精确裁剪、旋转、翻转 —— 一键导出 JPG 或 PNG。

图片加水印

给整批照片批量盖上文字或 Logo 水印 —— 本地处理，绝不上传。

CSS 压缩工具

纯浏览器内移除 CSS 注释、空白与多余分号，减小样式表体积。

HTML 实体编解码

把文本编码为 HTML 实体或反向解码，支持命名实体与数字实体。

证件照制作工具

按护照签证规格裁切照片、更换底色并排版冲印。

图片打码工具

在图片上涂抹马赛克、模糊或黑条遮盖人脸与敏感信息。

长图拼接工具

把多张图片纵向或横向拼成一张长图，浏览器内完成。

九宫格切图工具

把图片切成 3×3 或自定义网格，打包下载所有分块。

GIF 动图制作

把多张图片合成为 GIF 动图，可调帧间隔与尺寸。

图片像素对比

叠加或滑块对比两张图片，高亮像素差异，本地完成。

代码截图生成器

把代码渲染成带语法高亮与窗口栏的精美图片，纯本地生成。

CSS 渐变生成器

可视化制作线性、径向与圆锥渐变，一键复制 CSS 代码。

CSS 阴影生成器

调节偏移、模糊、扩散与颜色，设计柔和或多层 box-shadow。

圆角生成器

分别调节四个角的圆角并复制 border-radius CSS。

CSS Clip Path 裁剪生成器

可视化编辑多边形、圆形与 inset 裁剪路径，导出 clip-path。

配色方案生成器

从一个颜色生成单色、邻近、互补与三色和谐配色方案。

屏幕取色器

用 EyeDropper API 从屏幕任意位置取色，复制 HEX/RGB/HSL。

PNG 转 SVG 矢量工具

本地把位图描边为可缩放的 SVG 矢量路径，可调阈值。