Elysia Tools
导航
Design
将sRGB颜色值转换为HSV/HSB用于色彩操作
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
sRGB转HSV转换器是一个在线工具，用于将标准的sRGB颜色值（如十六进制代码、RGB函数）转换为HSV（色相、饱和度、明度）或HSB（色相、饱和度、亮度）格式。这种转换对于需要基于色相、饱和度或明度进行直观颜色调整的设计和开发工作非常有用。
背景
开发者有一个网站的主品牌色是十六进制值 `#3B82F6`（蓝色），需要基于这个颜色生成一个更浅的悬停状态色。
问题
直接修改RGB值来获得更浅的颜色不够直观，容易破坏颜色的色相一致性。
如何使用
将 `#3B82F6` 粘贴到输入框，输出格式选择 `hsv`。得到结果 `hsv(217, 91%, 96%)`。为了获得更浅的颜色，可以保持色相（H:217）和饱和度（S:91%）不变，将明度（V）从96%提高到98%。
结果
通过将转换后的HSV值中的明度微调，生成了新的颜色值，确保了新颜色与原品牌色在色相上完全一致，仅亮度更高。
背景
开发者正在制作一个按钮，希望其背景色在鼠标悬停时，色相（H）在0到360度之间平滑循环变化，产生彩虹效果。
问题
在sRGB空间中直接对R、G、B值进行插值来实现色相循环非常复杂且不自然。
如何使用
将按钮的初始sRGB颜色（如 `rgb(100, 200, 150)`）转换为HSV格式，得到 `hsv(150, 50%, 78%)`。在动画中，固定饱和度（S:50%）和明度（V:78%），仅让色相（H）值从150逐渐增加到510（即150+360），再将结果对360取模，最后将每一帧的HSV值转换回sRGB用于渲染。
结果
实现了平滑、自然的色相循环动画效果，代码逻辑清晰，颜色过渡符合人眼对色彩变化的感知。
支持多种常见格式，包括十六进制（`#FF0080`、`FF0080`）、RGB/RGBA函数（`rgb(255,0,128)`）、以及逗号或空格分隔的数值（`255,0,128`）。
在大多数情况下，HSV（色相、饱和度、明度）和HSB（色相、饱和度、亮度）指的是同一种颜色模型，只是名称不同。本工具提供的两种输出格式在数值上是完全一致的。
色相（H）以度数（0-360）表示，饱和度（S）和明度/亮度（V/B）以百分比（0%-100%）表示。工具会进行精确计算并输出。
可以。如果输入的sRGB值包含Alpha通道（如`rgba(255,0,128,0.5)`或`#FF008080`），转换后的HSV/HSB值也会包含对应的Alpha值。
是的，这是一个完全免费的在线工具，无需注册即可使用。