Radix 12 色阶生成器
为 Radix UI / shadcn 生成完整 12 阶色板——命名、语义和对比度要求完全对齐 Radix 规范
--brand-1 … -12
12 色阶
点击色块复制 HEX；Step 9 显示白色文字对比度
Light
Dark
123456
789101112
1–2 背景
3–5 组件
6–8 边框
9–10 纯色
11–12 文字
语义对照表
每个色阶的官方语义、典型用途及对比度验证
界面预览