🎨 设计与颜色

颜色、版式、图形、视觉样式与设计辅助工具

返回工具库

VP8 图像分析器

使用 Sharp 分析 WebP/VP8 图像,生成灰度位移图,并用 Three.js 渲染可旋转的 3D 浮雕表面

设计与颜色

批量条码生成器

从 CSV 或多行文本批量生成 Code 128、EAN-13、UPC-A、ITF-14、QR Code 和 Data Matrix,并导出 PNG ZIP 或 PDF

设计与颜色

颜色 Token 级联生成器

输入一个主色 Hex,自动生成主色、辅助色、中性色和语义化设计 token,并输出 CSS 变量与 Style Dictionary JSON

设计与颜色

无障碍热力图生成器

从 UI 截图或 HTML 输入生成聚焦对比度的无障碍热力图,并给出建议修补色值

设计与颜色

色彩视觉无障碍检查器

计算 WCAG 对比度,模拟主要色觉缺陷,并可对 UI 截图中的低对比区域做标记。

设计与颜色

无障碍色彩对比度检查器

按 WCAG 2.1 AA/AAA 审查整套调色板的颜色组合,并给出调整建议

设计与颜色

图片配色提取器

上传图片后提取主色调,导出代码可用的色板片段,并检查对比度

设计与颜色

图片背景移除

移除图片背景并导出透明 PNG

设计与颜色

图像混合效果

使用各种混合模式将多张图像混合在一起,创建创意合成和效果

设计与颜色

图像渐变叠加

为图像添加可自定义颜色、方向和混合模式的渐变叠加效果

设计与颜色

图像遮罩效果

使用形状、渐变或自定义遮罩为图像添加遮罩效果,用于创意合成

设计与颜色

图片噪点效果

为图片添加各种类型的噪点效果,支持自定义强度和参数

设计与颜色