配色与无障碍工具箱
图片与设计 仅本地处理
设计令牌与 CSS 主题编辑器
DTCG 2025.10 Token 工作区在本地编辑、解析、预览并导出 DTCG 设计令牌和 CSS 主题。
dtcg DTCG 2025.10 模式
Tokens
18分组
5模式
2引用
1错误
0对比色对
4Token 路径
color.background
解析值
{
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"alpha": 1
}直接引用
没有引用
添加本地 Token
使用方法
- 01
导入 Token 系统
打开 DTCG JSON、Style Dictionary JSON 或 CSS 自定义属性。
- 02
解析并预览
编辑模式、检查引用，并用对比度证据渲染安全的本地组件预览。
- 03
比较并导出
复核可能破坏兼容性的路径或类型变化，并生成可互操作主题文件。
常见问题
DTCG 2025.10 是 W3C 标准吗？
它是 Design Tokens Community Group 候选推荐，不是 W3C Recommendation。
导入值会影响整个网站吗？
不会。预览只使用经过验证的局部值，不注入任意全局 CSS。
主题模式如何表示？
会保留基础值与明确本地覆盖，并清楚标注模式扩展属于厂商扩展。
对比度审查覆盖所有组件状态吗？
不能。它评估可识别的语义色对，团队仍需测试真实状态和内容。
相关工具
继续使用其他专注的浏览器端工具。