CSS 变量生成器
CSS 自定义属性变量生成器，从调色板生成 --var 变量代码
实时预览
点击"生成"按钮查看CSS变量代码
CSS 变量生成器功能亮点
自动RGB转换
自动生成HEX和RGB两种格式，方便在rgba()中使用透明度。
实时预览
选择颜色后即可在预览区域看到变量效果，所见即所得。
纯前端本地处理
所有操作在浏览器中完成，数据不上传服务器，保障隐私安全。
CSS 变量生成器常见问题
CSS变量允许在一个地方定义值，在整个文档中复用，修改时只需改一处即可全局生效，特别适合主题切换和设计系统。
CSS自定义属性被所有现代浏览器支持，包括Chrome、Firefox、Safari、Edge，IE不支持但可通过PostCSS插件回退。
RGB值便于在rgba()中使用，实现透明度控制，如rgba(var(--color-primary-rgb), 0.5)可生成50%透明的主题色。