配色与 CSS 样式工具
在浏览器本地转换 HEX/RGB/HSL、计算 WCAG 对比度、生成受控渐变与 box-shadow CSS，不上传任何颜色或文档。本地处理 · 无上传
可用操作
HEX / RGB / HSL 颜色转换
输入 sRGB 的 HEX、rgb()/rgba() 或 hsl()/hsla()，一次得到三种格式；转换误差阈值公开并由测试断言。
WCAG 前景/背景对比度
按 sRGB 相对亮度计算对比度；透明前景先按你选择的不透明背景合成，再给出普通/大字 AA 与 AAA 判断及前提。
受控 CSS 线性渐变生成
只接受 0/90/180 度与校验后的颜色/整数百分比，按固定语法序列化 linear-gradient()，预览与复制文本一致。
受控 box-shadow 生成（含 inset）
用校验后的整数 px、inset 枚举和颜色生成 box-shadow；inset 与 outset 都可预览，复制文本经过快照与解析验证。
真实示例与限制
仅支持 sRGB 色域的 HEX（#RGB/#RGBA/#RRGGBB/#RRGGBBAA）、rgb()/rgba()、hsl()/hsla() 文本输入；不接受 CSS 颜色名、Lab/LCH、CMYK 或图片取色。渐变只支持 0/90/180 度线性渐变，2–5 个 stop，位置为 0..100 的整数百分比；阴影偏移/模糊/扩散均为 -100..100 或 0..100 的整数 px。对比度按 WCAG 2.1 的 sRGB 相对亮度计算；透明前景必须先选定不透明背景再合成，结论不适用于图片、渐变背景或半透明叠层。生成结果只是 CSS 文本与预览，不做在线图片编辑、不提供完整设计器、不校验具体显示器色彩管理。
FAQ
颜色或文档会被上传吗？
不会。全部计算在浏览器内的纯 ESM 模块完成，零第三方运行时依赖、零网络请求。默认不保存输入；统计默认关闭且只发送白名单事件名与元数据。
为什么不接受我粘贴的一整段 CSS？
本站只接受校验过的数值、枚举和颜色，再按固定语法重新序列化，绝不把用户原始 CSS 拼进 style。因此 url()、</style>、expression()、@import 等 payload 都无法注入规则或发起远程请求。
色板分享链接会泄露我的文档吗？
不会。分享链接只含 lang、tool 与公开且经过校验的十六进制颜色值（最多 5 个），不含文件名、正文、prompt、token 或任何私有内容。
转换精度如何？
误差阈值记录在 ERROR_TOLERANCE 中并由测试断言：RGB 通道 ≤1/255、色相 ≤0.5°、饱和度/亮度 ≤0.5%、对比度 ≤0.01。HEX→RGB→HEX 对固定向量为恒等。
手机上可以用滑条和键盘输入吗？
可以。每个数值参数同时提供数字键盘输入与滑条，二者共用同一套数值校验适配器；结果以 CSS 文本和数字显示，不依赖只读颜色块的视觉读数。