RGB与HSB/HSV色彩代码双向转换工具，支持多种输入格式，适用于设计师和开发者。
工具用的顺手吗？
你的反馈能帮助我们做得更好
概览
了解工具能解决的问题、计算或处理逻辑，以及数据边界。
这个转换器在三种表示之间保持同步：RGB 用红、绿、蓝三个通道描述颜色；HSB 用色相、饱和度和明度描述颜色；HEX 则把 8 位 RGB 通道写成十六进制。这里的 HSB 与 HSV 是同一个模型，B（Brightness）对应 HSV 的 V（Value），不是另一套算法。
| 表示 | 本工具的范围 | 怎样理解 |
|---|---|---|
| RGB | R、G、B 均为 0–255 的整数 | 三个通道分别控制红、绿、蓝分量 |
| HSB | H 为 0–360°；S、B 为 0–100% | H 选择色相位置，S 控制从灰到纯色的程度，B 取归一化 RGB 中最大的通道值 |
| HEX | #RRGGBB，也可输入三位简写 #RGB | 每两个十六进制数字依次编码 R、G、B；三位简写会展开成六位 |
例如 #7CC464 中的 7C、C4、64 分别等于十进制 124、196、100，因此对应 RGB(124, 196, 100)。转换后的 HSB 为 H 105°、S 49%、B 77%。
先把 R、G、B 除以 255，记为 r、g、b；再取最大值 M、最小值 m 和差值 Δ。明度 B 直接来自最大通道，饱和度表示最大值与最小值的相对差距。
r = R / 255，g = G / 255，b = B / 255
M = max(r, g, b)，m = min(r, g, b)，Δ = M − m
B = 100 × M
S = 0（M = 0 时）；否则 S = 100 × Δ / M色相 H 按最大通道所在的六个 60° 区段计算：最大通道为红、绿、蓝时分别从 0°、120°、240° 附近求偏移；负角度会回绕到 0–360°。当 Δ = 0 时，颜色位于黑—灰—白轴上，色相在数学上没有定义，本工具显示为 0°。最终 H、S、B 都四舍五入为整数。
指南
按步骤完成操作，并通过示例核对输入与结果。
已知十进制通道时，调整 RGB 区域的 R、G、B 滑块；已知 HSB 时，直接调整 H、S、B 滑块；已有网页颜色代码时，在 HEX 输入框填写 #RRGGBB 或 #RGB。也可以打开取色器或选择常用颜色预设。
任一有效输入发生变化后，颜色预览、HEX、RGB 与 HSB 会一起更新。调整 HSB 时尤其注意右侧第三个分量是 B（明度），不是 HSL 的 L（亮度）。
可以复制完整 HEX、RGB 表达式、单个 H/S/B 数值，或使用“复制全部”取得 RGB、HEX 与 HSB 的汇总结果。若只需交付给样式表，通常复制 HEX 或 RGB；若需在设计软件中继续调色，则记录 HSB 三个分量。
点击重置会回到 #3B82F6，即 RGB 59、130、246；本工具显示的 HSB 为 217°、76%、96%。
输入 #7CC464，得到 RGB 124、196、100。归一化最大通道为 196/255，故 B 四舍五入为 77%；通道差为 96，S = 96/196，四舍五入为 49%；绿色为最大通道，色相得到 105°。结果为 HSB 105°、49%、77%。
把 H 调到 30°、S 调到 100%、B 调到 100%，色相位于红与黄之间且没有灰分量，得到 RGB 255、128、0，并同步显示 HEX #FF8000。这也说明反向转换会把连续比例映射回 0–255 整数通道。
#808080 的三个 RGB 通道都为 128，最大值与最小值相同，因此 S 为 0%，B 约为 50%，本工具显示 HSB 0°、0%、50%。此时改变 H 不会改变灰色外观。
场景
查看这项工具在不同工作与生活流程中的用法。
设计师从颜色面板读到 HSB 后，可用右侧滑块还原颜色，再复制六位 HEX 或 RGB 表达式给开发人员，避免把 HSB 数字误当成 HSL。
品牌规范同时列出 HEX、RGB 与 HSB 时，可任选一组输入，再比对另外两组。若只差 1 个整数通道，应先检查原资料的舍入精度，而不是直接判断颜色错误。
已有 HEX 颜色但希望保持色相、降低饱和度或压低明度时，先让工具换算到 HSB，再逐项移动滑块并观察预览，最后复制新的 HEX。
问答
集中解答高频疑问与容易混淆的问题。
在本工具采用的模型中没有数值区别。HSB 的 B 表示 Brightness，HSV 的 V 表示 Value，两者对应同一第三分量，所以 H、S、B 数值可按 H、S、V 读取。
不可以。两者虽然都使用色相与饱和度，但第三分量定义不同，饱和度计算也随模型变化。例如纯红在 HSB 中是 0°、100%、100%，在 HSL 中则是 0°、100%、50%。应执行转换，不能只把 B 改名为 L。
当 R、G、B 相等时，饱和度为 0，改变色相不会改变颜色，因此色相没有唯一值。0°只是本工具用于显示无彩色结果的约定，并不表示灰色含有红色色相。
因为本工具把 H、S、B 和 RGB 都显示为整数。第一次转换会舍去中间小数，再反向计算时可能落到相邻的 8 位 RGB 整数；需要严格保留原色时，以原始 HEX/RGB 为准。
截至 2026-09-14，W3C CSS Color Level 4 列出的颜色函数不包含 hsb() 或 hsv()。用于 CSS 时请复制等价的 HEX 或 rgb()；不要把 HSB 数字改名后直接写成 hsl()。
须知
使用前了解适用范围、结果限制与必要提醒。
本工具输出的是 8 位整数 RGB、六位 HEX 和整数 HSB，适合常规屏幕颜色标注与格式换算。连续色值被量化后，往返转换可能出现 1 个 RGB 通道单位或 1 个百分点的差异。
推荐
查找相关工具、专题与可用的 API 能力。