AiLounge Tools

配色与 CSS 样式工具

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

HEX / RGB / HSL 颜色转换

输入 sRGB 的 HEX、rgb()/rgba() 或 hsl()/hsla(),一次得到三种格式;转换误差阈值公开并由测试断言。

在浏览器中运行

输入与参数

真实示例

color=#176b50, target=all
→ HEX #176b50 → RGB rgb(23, 107, 80) → HSL hsl(160.7, 64.6%, 25.5%)

限制与失败处理

仅 sRGB;不支持 CSS 颜色名、Lab/LCH、CMYK、广色域与图片取色。HSL 输出保留 1 位小数,误差阈值见上方。非法输入保留在表单中并给出可读错误。

FAQ

可以输入 red 这样的颜色名吗?

不可以。只接受 HEX、rgb()/rgba() 与 hsl()/hsla() 字面量,未知格式会明确提示「Unsupported color」。

透明度和误差怎么处理?

支持 3/4/6/8 位 HEX 与 rgba()/hsla() 的 alpha(0..1);结果额外输出 alpha。RGB 通道误差 ≤1/255、色相 ≤0.5°、s/l ≤0.5%。

数值超范围会怎样?

例如 rgb(256,0,0) 或 hsl(0,101%,50%) 会抛出带 OUT_OF_RANGE 代码的明确错误,不会静默截断。