AiLounge Tools

配色与 CSS 样式工具

在浏览器本地转换 HEX/RGB/HSL、计算 WCAG 对比度、生成受控渐变与 box-shadow CSS,不上传任何颜色或文档。本地处理 · 无上传

受控 box-shadow 生成(含 inset)

用校验后的整数 px、inset 枚举和颜色生成 box-shadow;inset 与 outset 都可预览,复制文本经过快照与解析验证。

在浏览器中运行

输入与参数

真实示例

inset=inset, offsetX=2, offsetY=4, blur=8, spread=0, color=#17211c
→ box-shadow: inset 2px 4px 8px 0px #17211c;

限制与失败处理

仅单层 box-shadow、整数 px、有限范围与受控颜色;不支持多层阴影、calc()/var()、任意 CSS 或 text-shadow。颜色 alpha 支持 8 位 HEX 与 rgba()/hsla()。

FAQ

inset 怎么表达?

选择 inset 会在序列化结果开头加入关键字 inset;选择 outset 则省略。也接受布尔值 true/false,其它字符串会报 INVALID_INSET。

可以叠加多层阴影吗?

首发只生成单层阴影,不支持逗号分隔的多层值;这样可保持受控语法与可测试性。

数值范围与小数如何处理?

偏移/扩散为 -100..100 整数、模糊为 0..100 整数;越界报 OUT_OF_RANGE,小数报 INVALID_NUMBER,不会静默取整。