HSL to HSV Converter
Type or paste a HSL color: With commas or spaces, hsla(); the hue may end in deg. Saturation and lightness need the % sign.
hsv(0, 100%, 100%)HSL:
hsl(0, 100%, 50%)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 HSL to HSV
HSL to HSV converts between two intuitive color models. While both use Hue, they differ in how they handle brightness: HSL uses Lightness (50% = pure color, 0% = black, 100% = white), while HSV uses Value (100% = pure color, 0% = black). For example, hsl(0, 100%, 50%) becomes hsv(0, 100%, 100%). Use this when switching between CSS-based (HSL) and Photoshop-based (HSV) workflows.
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