使用浏览器 API 和公开的转换公式处理数值，同时保留源内容。
25
数据与开发
HEX/RGB/HSL 颜色转换器
在本地同步颜色选择器和数值，并通过明确范围验证输入。屏幕显示不能替代专业色彩管理。
✓ 免费✓ 无需账户✓ 浏览器内
简短回答
这个工具能做什么？
在 HEX、RGB 与 HSL 之间实时转换颜色。
Color outputs
#4F46E5
应用与决策指南
HEX/RGB/HSL 颜色转换器：方法与使用说明
在本地同步颜色选择器和数值，并通过明确范围验证输入。屏幕显示不能替代专业色彩管理。
受支持的颜色、CSS、SVG、图像或尺寸值 请先用不含个人数据的小样本确认格式。
可预览的视觉值、尺寸或格式摘要，以及可复制或下载的结果
实际操作步骤
- 受支持的颜色、CSS、SVG、图像或尺寸值处理敏感真实数据前，请先用合成示例确认格式。
- 运行设备端处理。使用浏览器 API 和公开的转换公式处理数值，同时保留源内容。
- 验收检查：在浅色/深色背景、不同屏幕尺寸、目标应用及源内容之间进行视觉比较请在目标系统核验架构、编码和数据丢失假设。
在浅色/深色背景、不同屏幕尺寸、目标应用及源内容之间进行视觉比较
请在目标系统核验架构、编码和数据丢失假设。
适用场景
- 使用HEX/RGB/HSL 颜色转换器完成：在 HEX、RGB 与 HSL 之间实时转换颜色
- 在交付到设计系统或发布素材前：可预览的视觉值、尺寸或格式摘要，以及可复制或下载的结果
- 在浅色/深色背景、不同屏幕尺寸、目标应用及源内容之间进行视觉比较
可复现的决策记录
在 HEX、RGB 和 HSL 之间转换时保持相同视觉颜色，并另行验证文字对比度。
将 `#3366FF` 转换为 RGB 和 HSL，再由结果转换回 HEX；比较浅色与深色背景预览。
往返转换在舍入容差内保持同一颜色，色块与取色器一致，各通道均处于有效范围。
若颜色空间、透明度或广色域要求丢失，请不要把结果加入设计系统，应另行检查目标平台的颜色管理。
深入了解工作流
该工具的相关指南
JSON、CSV 与 Base64 之间的安全浏览器内交接
减少复制粘贴，同时保持类型、编码与错误边界的可复用流程。
阅读指南 →使用 JSON Patch 与 Merge Patch 安全交付变更
在一次审查中结合结构差异、可应用补丁与回滚计划。
阅读指南 →关于此工具
常见问题
HEX/RGB/HSL 颜色转换器接受什么输入？+
受支持的颜色、CSS、SVG、图像或尺寸值 将 `#3366FF` 转换为 RGB 和 HSL，再由结果转换回 HEX；比较浅色与深色背景预览。
HEX/RGB/HSL 颜色转换器会输出什么？+
可预览的视觉值、尺寸或格式摘要，以及可复制或下载的结果 往返转换在舍入容差内保持同一颜色，色块与取色器一致，各通道均处于有效范围。
如何核验HEX/RGB/HSL 颜色转换器的输出？+
在浅色/深色背景、不同屏幕尺寸、目标应用及源内容之间进行视觉比较 若颜色空间、透明度或广色域要求丢失，请不要把结果加入设计系统，应另行检查目标平台的颜色管理。
HEX/RGB/HSL 颜色转换器会向服务器发送或保存输入吗？+
工具输入在当前标签页处理。保存到工作站或传递到其他工具需另行选择。请另外考虑浏览器扩展和共享设备；隐私页面说明广告和网络连接。