CSS 颜色生成器

第二步 — 拖动 Alpha 滑条改变透明度（0 完全透明，1 完全不透明）；下方色块以棋盘背景绘制，便于查看透明效果。 第三步 — 点击预设色块可填入常用主题色。

典型场景： 前端开发者调试组件样式时快速生成带 alpha 通道的颜色（如 rgba(0, 229, 255, 0.5) ）；设计系统团队规范化调色板并输出 CSS 变量代码；调整遮罩、蒙层或悬停态的色调；将设计规范中的颜色转为完整 CSS 代码；构建主题切换时迭代颜色选择。 典型场景： 前端开发者调试组件样式时快速生成带 alpha 通道的颜色（如 rgba(0, 229, 255, 0.5) ）；设计系统团队规范化调色板并输出 CSS 变量代码；调整遮罩、蒙层或悬停态的色调；将设计规范中的颜色转为完整 CSS 代码；构建主题切换时迭代颜色选择。

隐私说明： 所有颜色生成均在浏览器本地完成，不发起任何网络请求。 隐私说明： 所有颜色生成均在浏览器本地完成，不发起任何网络请求。

RGBA 的 alpha 使用 0-1 的小数。 CSS 变量片段使用占位符 --color ，可按需重命名。