无障碍与分析

检查 WCAG 对比度标准并模拟色盲视觉,确保设计对所有人友好。

颜色转换

在 HEX、RGB、HSL、CMYK、Tailwind 等颜色格式之间即时转换。

创意与设计

生成 CSS 渐变、从图片提取颜色、创建精美配色展示。

色彩工具箱

为设计师和开发者打造的实用工具

色差计算器 (ΔE)
基于专业的 CIEDE2000 公式,精准计算两个颜色的视觉差异度。
Tailwind 色阶生成器
输入您的品牌基色,工具将自动根据明暗度生成 50 到 950 的完整色阶调色板,确保视觉层次分明。您可一次生成多组颜色,并支持一键导出为 CSS 变量或 Tailwind 配置文件,直接复制到项目中使用。
Design Extractor
只需输入目标网站链接,系统便会抓取其整体设计元素(包括颜色 Token、排版字体、间距规范等)。自动生成专为 AI 编码助手准备的 DESIGN.md 文件,同时提供网页全屏 PDF 预览,帮助您快速捕捉并复刻任何网站的视觉 Vibe 氛围。