Skip to main content

RGB to HSV Converter

Type or paste a RGB color: With commas or spaces, rgba(), three bare numbers, a HEX code or a CSS color name.

hsv(0, 100%, 100%)
RGB:rgb(255, 0, 0)
HSV:hsv(0, 100%, 100%)

CSS Usage:

HSV is not a CSS color format, so the CSS below uses the HEX equivalent.

background-color: #FF0000;
color: #FF0000;
border: 1px solid #FF0000;

Popular Examples:

How to Convert RGB to HSV

RGB to HSV converts decimal RGB values to HSV (Hue, Saturation, Value). For example, rgb(255, 0, 0) becomes hsv(0, 100%, 100%), and rgb(128, 0, 128) becomes hsv(300, 100%, 50%). HSV (also called HSB) is one of the views in Adobe Photoshop's color picker. Value represents brightness — 0% is black regardless of hue, 100% is the fully bright color. Values here are rounded to whole numbers, so converting them back can differ by a few steps per channel: rgb(30, 144, 255) gives hsv(210, 88%, 100%), and that turns back into rgb(31, 143, 255).

Why Use This Converter?

  • Instant real-time conversion
  • Free online tool - no registration required
  • Live color preview
  • CSS code examples
  • One-click copy to clipboard