🎨

颜色转换器

在 HEX、RGB、HSL 颜色格式之间转换。支持 颜色转换、颜色代码 等场景,支持双向转换,实时预览,粘贴即转,一键复制。oltool.net 免费在线工具。

结果
#667EEArgb(102, 126, 234) · hsl(229, 76%, 66%)
HEX
RGB
rgb(102, 126, 234)
HSL
hsl(229, 76%, 66%)

关于 颜色转换器

本工具是「颜色转换器」,帮助开发者在两种数据格式或字符表示之间快速切换。在 HEX、RGB、HSL 颜色格式之间转换。支持 颜色转换、颜色代码 等场景,支持双向转换,实时预览,粘贴即转,一键复制。 所有处理在浏览器本地进行,输入数据不会离开你的设备,可放心粘贴敏感配置或调试数据。

使用场景

  • 日常开发 — 在两种格式间快速来回切换,无需切到 IDE 或写转换脚本。
  • 数据迁移 — 从一种存储/传输格式迁移到另一种时,先在工具里验证转换正确性。
  • 排错调试 — 当线上系统出现格式相关问题,手动转换辅助还原现场。
  • 学习理解 — 观察相同数据在两种格式下的差异,加深对结构的理解。

常见问题

HSL 和 HSV 哪个更直观?

HSL 的 L=50% 是纯色,0% 黑、100% 白,更接近"色卡"思维。HSV 的 V 是亮度(最暗 0、最亮 100%),CSS 设计建议用 HSL,图形软件常用 HSV。

为什么 #FFFFFF 转 RGB 是 (255, 255, 255)?

十六进制每两位代表一个 0-255 通道。FF = 255,所以 #FFFFFF = (255, 255, 255) = 纯白。这是 8-bit 色深的标准编码。

数据会上传到服务器吗?

不会。本工具完全在浏览器本地运行,输入数据不会离开你的设备,可放心粘贴敏感配置。

支持的最大输入长度是多少?

理论上没有硬限制,但浏览器处理超过 10MB 的数据会变慢。如果是大文件,建议用命令行工具处理。

为什么转换失败?

常见原因:(1) 输入格式不严格符合标准;(2) 含有不被目标格式支持的特性(如注释、特殊类型);(3) 编码问题。请检查输入语法。