UD5工具箱
URL一键提取
输入任意网站URL，工具通过CORS代理自动获取该站点的CSS样式表，解析其中所有颜色变量并生成色板。支持加载Bootstrap示例快速体验。对于无法通过URL获取的情况，提供清晰的错误提示和替代方案。
CSS代码粘贴解析
支持直接粘贴CSS源码进行解析。用户可以从浏览器开发者工具的Elements面板复制样式代码，或从代码编辑器中选取CSS片段，粘贴到工具的文本区域中即可立即生成色板。提供清空按钮方便重新输入，加载示例按钮可快速填充Bootstrap测试数据，帮助新用户快速了解工具的工作方式和输出效果。
多格式颜色识别
自动识别HEX（含3位、6位、8位格式）、RGB/RGBA、HSL/HSLA、HWB、Lab、OKLCH等现代CSS颜色格式。同时支持transparent、currentColor等颜色关键字。覆盖CSS Color Level 4规范中定义的几乎所有颜色表示方法。
var()嵌套递归解析
当CSS变量值引用其他变量时（如 --primary: var(--blue-500)），工具能够递归追踪引用链，直到解析出最终的颜色值。这确保了即使在复杂的变量依赖关系中，色板显示的始终是实际的颜色结果而非变量引用。工具还会检测循环引用并安全终止，防止无限递归导致的解析异常。
四种排序方式
提供按色相排列、按亮度排列、按名称排列、原始顺序四种排序模式。色相排序便于查看色彩分布，亮度排序有助于评估对比度和无障碍合规性，名称排序方便按变量名查找，原始顺序保留了CSS源码中的定义次序。
多格式导出与复制
色板支持导出为JSON格式（包含变量名、颜色值、格式类型等结构化数据）和CSS格式（可直接粘贴到项目中的CSS变量定义）。提供全量复制按钮，一键将所有颜色信息复制到剪贴板，方便在设计工具或代码编辑器中使用。
可视化色板预览
每个提取到的颜色变量都以色块卡片形式展示，包含颜色预览方块、变量名称、颜色值和格式标签。色块大小适中，便于快速浏览和对比。未找到颜色变量时显示友好的空状态提示，引导用户调整搜索条件。