设计工具

取色与手输双向同步，HEX / RGB / HSL 三种写法都能一键复制。

长度、重量、面积、体积、温度、速度等常用单位互转，系数按标准定义。

线性渐变的可视化编辑：颜色、方向、色标实时预览，输出可直接粘贴的 background 声明。

调节背景模糊、饱和度、底色透明度与高光边框，预览铺在彩色底上——纯色背景看不出毛玻璃效果。输出带 -webkit- 前缀，Safari 同样可用。

由基色生成 50–900 十档色阶，每档都是基色与白或黑按固定比例混合——公式简单、结果可独立复算，中途不会偏色。可整段复制成 CSS 变量。

支持 CODE128、EAN-13、CODE39 等九种格式，校验码按规范自动计算（例如 EAN-13 的第 13 位），并写明每种格式对内容的要求。

用直方图量化加相近色合并提取主色板，结果确定：同一张图每次得到的色板完全一样，也便于独立验证。

上传图片后悬停即取样、点击锁定，取到的是原始像素值而不是近似色。整个取色过程在浏览器内完成，图片不会上传。

生成 X（Twitter）帖子截图用于演示与排版，按 2× 渲染导出高清 PNG。角标开关可以标出这是示意图。

按 WCAG 公式计算对比度，并逐条标出 AA / AAA 在普通字号与大字号下是否达标。

按比例在 sRGB 通道上线性混合两种颜色，同时给出 HEX、RGB、HSL 三种写法，点一下即可复制。

在 B / KB / MB / GB / TB 之间换算，并可切换 1000 与 1024 两种进位口径。

六种可无缝平铺的图案，全部由 CSS 渐变生成，条纹还能调角度。没有图片资源，也就没有额外的请求。

六个预设形状起步，拖动顶点改成任意多边形，方向键可微调坐标。输出是标准的 clip-path: polygon()，预览用的就是这份值。

拖动两个控制点编辑缓动曲线，旁边用匀速运动做对照，能直观看出「快起慢停」这类差别。曲线直接输出为 cubic-bezier()。

十种纯 CSS 加载动画，尺寸、颜色、速度都可调。预览用的就是下面输出框里那份 CSS，所见即所得。

八种朝向，全部用 CSS 边框拼出来，不需要图片或 SVG，拷走就能用。

水平/垂直偏移、模糊、扩展与颜色实时预览，可选内阴影。输出就是标准的 box-shadow 声明。

四个角可以独立调节，也能一键联动成统一圆角，单位支持 px 与百分比。预览与复制出来的 CSS 用的是同一份数值，不会出现「看着对、复制出来不对」。

一次生成 16–512 共八个尺寸，并把 16/32/48 打包成一个 favicon.ico；也可以用字母或 Emoji 生成图标，不必先准备图片。

本地渲染 1200×630 的分享卡片，并在 X、Facebook、LinkedIn、Slack 四种卡片样式里预览实际效果，同时给出 12 条 og / twitter 标签。