颜色设置
支持 HEX、RGB(A)、HSL(A)，例如 #136CE9 或 hsl(215, 85%, 49%)。
调整颜色后即可查看结果。
颜色预览与格式
颜色预览
HEX
#136CE9RGB
rgb(19, 108, 233)HSL
hsl(215, 85%, 49%)白底文字对比度4.83 : 1普通文字 AA 达标
黑底文字对比度4.35 : 1普通文字 AA 未达标
依据 WCAG 2.x：普通文字 AA ≥ 4.5，AAA ≥ 7。透明颜色按对应背景合成后计算。
最近使用
颜色转换
输入 HEX、RGB、RGBA、HSL 或 HSLA 色值，在线转换颜色代码并保留透明度，校验数值范围后复制结果，方便在设计稿和网页样式之间统一颜色表示。
整理：喜爱工具箱 · 更新于 · 示例内容仅供排版参考，请替换为实际信息。
使用说明
三步完成操作
- 01 · 填写代码
输入 HEX、RGB(A) 或 HSL(A)，按 Enter 或点击应用颜色。
- 02 · 检查结果
查看三种格式及透明度；错误输入会提示修正。
- 03 · 复制格式
选择需要的颜色格式复制到样式或设计稿。
常见问题
使用前先了解这些
支持哪些 HEX 长度？
支持 3、4、6、8 位十六进制颜色；4 位和 8 位包含透明度。
数值范围是什么？
RGB 通道为 0–255 或 0%–100%，饱和度和亮度为 0%–100%，透明度为 0–1 或百分比。HSL 色相按 360 度循环，支持 deg、turn、rad、grad；也支持空格分隔与斜杠透明度。