CSS颜色格式转换
在CSS颜色格式之间转换，包括命名颜色、HEX、RGB、HSL、HWB和LAB。
配色颜色 · ToolBox
工具介绍
CSS里的颜色写法越来越多：传统的命名颜色和HEX，常见的RGB、HSL，还有较新的HWB和LAB，不同格式各有适用场景，手动换算既慢又容易出错。这个CSS颜色格式转换工具支持六种格式互转，输入任意一种——哪怕是“tomato”这样的颜色名——就能同时看到其余所有格式的等值写法，并附颜色预览。适合写样式时要在设计稿色值和CSS代码之间切换的前端开发者。免费、无需注册，即输即转。
使用步骤
- 在输入框中输入任意格式的颜色值，如tomato、#ff6347或hsl(9,100%,64%)
- 工具自动识别格式并显示颜色预览
- 在结果区查看HEX、RGB、HSL、HWB、LAB及命名颜色（如有）的全部等值写法
- 点击需要的格式复制，粘贴到CSS代码中使用
常见问题
支持哪些CSS颜色格式？
支持命名颜色（如red、tomato）、HEX、RGB、HSL、HWB和LAB六种格式，输入任意一种即可得到其余格式的等值转换结果。
LAB和HWB是什么格式？浏览器支持吗？
HWB按色相、白度、黑度描述颜色，调浅色深色很直观；LAB基于人眼感知设计，色彩空间更广。两者已被现代主流浏览器支持，老项目建议同时保留HEX或RGB回退写法。
为什么有些颜色转换后没有命名颜色结果？
CSS命名颜色只有148个固定值，只有输入的颜色恰好等于其中之一时才会显示对应名称，其余颜色没有官方命名，属正常现象。