设计与颜色

在本地生成视觉效果并检查颜色无障碍对比度。

SVG 波浪与形状分割线生成器

网页建站必备！实时调节波浪曲率、振幅与复杂度，一键复制 SVG 源码、CSS 渐变或下载文件。

可视化调节模糊滤镜、半透明微光边框与平滑柔和的多重层次投影，一键复制可用 CSS 声明。

自由拖拽 4~6 个色彩控制点，生成柔和现代的网格弥散渐变，支持纯 CSS 与 4K 超清壁纸导出。

根据 W3C WCAG 2.2 标准判定文本与非文本 UI 的 AA/AAA 级合规性，并智能推荐最近合格配色。

拖入任意图片，通过 Canvas 本地聚类算法提取 5~8 种主色调，支持复制 HEX/RGB/HSL 与 CSS 变量。

在浏览器内从品牌色生成原始色阶与明暗语义角色，无需上传。

审计 sRGB/Display-P3 色域、WCAG 2.2 语义对与色阶质量，并由你选择明确修复方案。

将审阅后的色彩系统导出为 CSS 变量、Tailwind v4 @theme 与 DTCG JSON。

做区块分隔线用 SVG 波浪生成器，做磨砂卡片用玻璃拟态生成器，做流动背景用网格渐变。问题若是 WCAG 2.2 对比度，用对比度检测；若要从照片提取设计色板，用调色板提取器。

波浪、玻璃拟态与网格渐变工具生成 SVG 或 CSS。对比度检测器按 WCAG 2.2 评估两种颜色的对比度。调色板提取器只负责像素聚类，不能据此判断对比度是否达标。

波浪工具输出 SVG 路径，玻璃拟态工具输出使用 backdrop-filter 的 CSS，网格渐变工具绘制适合壁纸与主视觉的径向背景。

曲线计算、CSS 合成、相对亮度和像素聚类都在本机完成。作品不会被上传。