HSV颜色查询工具

快速查询HSV颜色值,转换为RGB、十六进制、HSL等格式,并提供颜色预览和详细信息。

红色 绿色 蓝色 黄色 洋红 青色

HSV滑块调整

色相 (H) 210°
饱和度 (S) 50%
明度 (V) 78%

颜色信息

颜色预览

颜色值

HSV

hsv(210°, 50%, 78%)

RGB

rgb(125, 177, 229)

十六进制

#7db1e5

HSL

hsl(210°, 68%, 69%)

颜色信息

色相 (Hue)

210°

饱和度 (Saturation)

50%

明度 (Value)

78%

颜色名称

淡蓝色

查询历史

暂无查询历史

工具使用说明

基本操作

  • 在输入框中输入HSV颜色值,格式如:hsv(210, 50%, 78%)
  • 也可以直接输入三个数字,如:210, 50, 78
  • 使用HSV滑块直观调整颜色值
  • 使用颜色选择器直接选择颜色
  • 点击"查询颜色"按钮查看颜色信息

复制功能

  • 点击"复制"按钮复制对应的颜色值
  • 支持复制HSV、RGB、十六进制和HSL格式
  • 复制成功会有提示信息显示

历史记录

  • 每次查询都会自动保存到历史记录
  • 点击历史记录项可快速重新查询
  • 最多保存10条最近的查询记录
  • 可点击"清除历史记录"清空所有历史

使用技巧

  • 使用HSV滑块微调颜色属性
  • 点击示例颜色快速输入常用颜色
  • 使用历史记录功能快速切换不同颜色
  • 参考颜色信息理解色彩属性

注意事项

  • 色相(H)值在0-360度之间
  • 饱和度(S)和明度(V)值在0-100%之间
  • 颜色选择器和HSV输入框会同步更新
  • 历史记录保存在浏览器本地存储中
  • 颜色名称仅供参考,可能不完全准确

HSV颜色说明

HSV颜色模型是一种将RGB色彩空间中的点表示在圆柱坐标系中的方法,HSV分别代表色相(Hue)、饱和度(Saturation)和明度(Value)。

HSV模型更接近人类对颜色的感知方式,使得调整颜色更加直观。例如:hsv(0, 100%, 100%) 表示纯红色,hsv(120, 100%, 100%) 表示纯绿色,hsv(240, 100%, 100%) 表示纯蓝色。

颜色格式:

  1. HSV:hsv(色相, 饱和度, 明度),色相0-360°,饱和度和明度0-100%
  2. RGB:rgb(红, 绿, 蓝),每个值范围0-255
  3. 十六进制:#RRGGBB,每两位表示一个颜色分量
  4. HSL:hsl(色相, 饱和度, 亮度),色相0-360°,饱和度和亮度0-100%

示例:

  • 纯红色:HSV(0°, 100%, 100%) → RGB(255, 0, 0) → 十六进制 #FF0000
  • 纯绿色:HSV(120°, 100%, 100%) → RGB(0, 255, 0) → 十六进制 #00FF00
  • 纯蓝色:HSV(240°, 100%, 100%) → RGB(0, 0, 255) → 十六进制 #0000FF
  • 浅蓝色:HSV(210°, 50%, 78%) → RGB(125, 177, 229) → 十六进制 #7db1e5

推荐工具

快速获取颜色HSV、RGB、HEX或HSL值