How to use
这个颜色转换器怎么用
输入 HEX、RGB 或 HSL 任意一种格式，其余格式会立刻同步更新。它适合 CSS 调试、设计稿交接、品牌色整理和日常颜色换算。
颜色转换
HEX、RGB、HSL 颜色转换器
输入一种颜色格式，立即得到其余格式的结果，适合设计、前端和日常调色工作。
输入任意一种格式，其他格式会自动同步，适合前端、设计和快速调色。
实时预览
HEX
#F5A623
RGB
rgb(245, 166, 35)
HSL
hsl(37, 91%, 55%)
Why this page matters
为什么这个工具页有搜索价值
搜索颜色转换器的人通常需要的是马上可用的工具，而不是一篇解释文章。这个页面用实时转换、可见预览和相关工具链接来承接这种长尾意图。
Related tools
继续查看相关工具页
把站内相关的转换和对比度工具通过内链串起来，更适合承接具体长尾搜索。
Extra context
继续了解这个工具页
工具页不只是一个输入框，也应该解释适用场景、对应搜索意图和为什么值得停留。
适合 CSS、设计系统与视觉校对
在做 UI、样式变量、品牌色或页面校对时，经常需要在不同颜色格式之间切换。这个页面把最常用的转换集中在一起。
不只是一个孤立的小工具
它不仅能做转换，还能把用户继续引导到 HEX to RGB、RGB to HEX 和对比度检查等相关工具页，让整个站点的工具意图更完整。
常见问题
Frequently asked questions
这里可以做 HEX 转 RGB 吗？01
可以。输入 HEX 后，RGB 和 HSL 会立刻更新。
这个转换器适合做 CSS 工作吗？02
适合。它就是为前端、UI 和快速颜色计算场景准备的。
它和单独的 HEX to RGB 页面有什么区别？03
这个页面更通用，单独的 HEX to RGB 页面则更聚焦某一种明确长尾意图。