RGB转HSV · 在线颜色空间互转工具｜色相饱和度明度转换器
免费在线RGB与HSV颜色代码互转工具，支持RGB转HSV、HSV转RGB双向转换。实时预览颜色效果，精准获取色相、饱和度、明度数值。
颜色预览 · 转换结果
📐 什么是RGB与HSV颜色空间？
一、RGB颜色模型
RGB是一种加色模型，通过红(Red)、绿(Green)、蓝(Blue)三原色光以不同比例叠加来产生丰富的色彩。每个颜色通道的取值范围为0到255，三个通道组合可表示约1670万种颜色。RGB模型广泛应用于电子显示设备，如电脑显示器、手机屏幕、数码相机等。
二、HSV颜色模型
HSV代表色相(Hue)、饱和度(Saturation)和明度(Value)，是一种更贴近人类视觉感知的颜色描述方式。色相H以角度表示，范围0°到360°，对应光谱上的颜色位置；饱和度S表示颜色的纯度，0%为灰色，100%为最纯的颜色；明度V表示亮度，0%为纯黑，100%为纯白或最亮的颜色。
三、RGB转HSV的转换原理
RGB转HSV的数学转换首先需要将RGB值归一化到0到1区间，然后找出三个分量中的最大值和最小值，计算差值。色相H根据最大值所在通道计算角度，饱和度S由差值与最大值的比值决定，明度V直接取最大值。当所有分量相等时，饱和度S为0，色相H无定义。
四、HSV转RGB的转换原理
HSV转RGB需要根据色相H所在扇区进行计算。将色相除以60得到扇区索引，然后利用饱和度S和明度V通过分段公式计算出RGB各通道的值。饱和度越低，颜色越接近灰色；明度越低，颜色越暗。
💡 RGB与HSV互转的应用场景
图像处理与滤镜开发 —— 在HSV空间调整色相、饱和度、明度比RGB空间更直观，常用于美颜滤镜和图像增强。
网页与UI设计 —— 设计师常使用HSV拾色器选择颜色，通过调整色相快速找到配色方案。
计算机视觉 —— HSV空间对光照变化具有一定的鲁棒性，常用于目标检测和颜色分割。
数据可视化 —— 生成渐变色或热力图时，HSV空间便于控制颜色的过渡效果。
印刷与绘画 —— HSV模型更接近艺术家调色的思维方式，便于理解颜色的混合规律。
📖 如何使用本RGB转HSV工具？
第一步：输入RGB值 —— 在左侧RGB输入区，分别填入红(R)、绿(G)、蓝(B)的数值，范围0-255。输入后自动计算对应的HSV值。
第二步：输入HSV值 —— 在HSV输入区，填写色相H(0-360)、饱和度S(0-100)、明度V(0-100)，输入后自动计算对应的RGB值。
第三步：查看实时预览 —— 右侧颜色预览区会实时显示当前颜色，同时展示RGB、HSV和十六进制HEX三种格式的数值。
第四步：复制使用 —— 获取所需的颜色代码后，可直接复制RGB、HSV或HEX值用于您的项目中。
⚠️ RGB与HSV互转的注意事项与常见问题
RGB数值范围： 红绿蓝三个通道的取值范围均为0到255，超出范围的值会被自动修正，请确保输入合法数值。
色相H的范围： 色相以角度表示，范围是0°到360°。0°和360°都表示红色，形成一个闭环。
饱和度为0的情况： 当饱和度S为0%时，无论色相H取何值，颜色都是灰色，此时色相无实际意义。
明度V的影响： 明度为0%时颜色为纯黑，明度为100%且饱和度为0%时颜色为纯白。调整明度会整体改变颜色的亮暗程度。
颜色空间转换的精度： 由于RGB和HSV的数值范围不同，双向转换时可能因四舍五入产生微小误差，这是正常的浮点运算现象。
本工具为纯前端计算： 所有颜色转换运算均在浏览器本地完成，数据不会上传到服务器，保障您的隐私安全。
HEX格式说明： 同时提供十六进制颜色代码，格式如#7FCF74，每两位十六进制数对应一个RGB通道值。