在 HEX、RGB、HSL 与 HWB 之间转换颜色
粘贴任意 CSS 颜色，即可立即获得 HEX、RGB、HSL 和 HWB 数值，并附带实时预览和 WCAG 对比度检测。
100%
在上方输入颜色即可查看预览和转换结果。
分享
关于颜色转换器
此工具可将任意 CSS 颜色——十六进制代码、rgb()、hsl() 或诸如“coral”之类的命名颜色——一次性转换为所有常见格式。你可以调整透明度通道或直观地选取色相，然后复制 CSS、设计工具或代码所需的精确数值。
功能：
- 支持 HEX、RGB、HSL、HWB 及 CSS 命名颜色
- 颜色选择器和透明度滑块与文本输入框实时同步
- 内置 WCAG 对比度检测，带 AA/AAA 徽章
- 每种输出格式均可一键复制
如何转换颜色
- 在输入框中键入或粘贴颜色——十六进制、rgb()、hsl() 或名称
- 使用颜色选择器或透明度滑块进行微调
- 查看即时生成的 HEX、RGB、HSL 和 HWB 数值
- 点击任意数值即可复制到剪贴板
常见问题
此工具支持哪些颜色格式？
支持十六进制代码（#abc、#aabbcc、#aabbccdd）、rgb()/rgba()、hsl()/hsla()，以及“tomato”“steelblue”等标准 CSS 命名颜色。
转换器是否支持透明度？
支持。输入带透明度的颜色（如 rgba() 或 8 位十六进制），或使用透明度滑块，所有输出格式都会相应更新。
什么是 HWB？为什么要包含它？
HWB（色相、白度、黑度）是 CSS Color Module 中的一种格式，相比 HSL，手动调整颜色时通常更直观。
对比度对无障碍访问意味着什么？
它衡量该颜色的文字在白色或黑色背景上的可读程度。WCAG 建议正常大小文字的对比度至少为 4.5:1（AA）或 7:1（AAA）。
我的颜色数据会被上传吗？
不会。所有解析和转换都通过 JavaScript 在你的浏览器本地完成，不会发送到任何服务器。
为什么 8 位十六进制在某些输出中会丢失透明度？
在本工具中不会——透明度在 HEX8、RGBA 和 HSLA 中都会被保留。部分较旧的工具或图片格式仅支持 6 位十六进制，会完全丢弃透明度通道；如果需要在其他地方保留透明度，请使用 RGBA 或 HSLA。
隐私
每次转换都在你的浏览器本地运行。你的颜色数据永远不会上传或存储到我们的服务器。