How to convert HSL to HSV
The converter first normalizes the HSL value to RGB (the model screens use), then calculates the HSV representation using the standard formulas. CMYK values are device-independent approximations.
Common colours in HSL and HSV
| Colour | HSL | HSV |
|---|---|---|
| Bangladesh flag green | hsl(164, 100%, 21%) | hsv(164, 100%, 42%) |
| Bangladesh flag red | hsl(353, 90%, 56%) | hsv(353, 83%, 96%) |
| Red | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) |
| Green | hsl(120, 100%, 50%) | hsv(120, 100%, 100%) |
| Blue | hsl(240, 100%, 50%) | hsv(240, 100%, 100%) |
| White | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) |
| Black | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) |
| Yellow | hsl(60, 100%, 50%) | hsv(60, 100%, 100%) |
| Orange | hsl(39, 100%, 50%) | hsv(39, 100%, 100%) |
| Purple | hsl(300, 100%, 25%) | hsv(300, 100%, 50%) |
| Gray | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) |
| Navy | hsl(240, 100%, 25%) | hsv(240, 100%, 50%) |
| Teal | hsl(180, 100%, 25%) | hsv(180, 100%, 50%) |
| Pink | hsl(350, 100%, 88%) | hsv(350, 25%, 100%) |
About HSL and HSV
HSL
HSL describes colour by hue (0–360°), saturation and lightness (%). Designers like it because it is easy to create lighter or darker shades.
HSV
HSV (hue, saturation, value) is used by colour pickers in apps like Photoshop.
Screen colours vs print colours
Screens mix light (additive colour: red + green + blue = white), while printers mix ink (subtractive colour: cyan + magenta + yellow + black). HEX, RGB, HSL and HSV all describe the same additive RGB space in different ways, so conversions between them are exact. CMYK lives in a different, smaller space — very bright screen colours such as pure neon green cannot be printed exactly, which is why printed brochures can look duller than the design on your monitor.
- Use HEX or RGB for websites, apps and social media graphics.
- Use HSL when you need lighter or darker variations of a brand colour.
- Use CMYK values when sending files to a printing press, and ask for a proof.
Frequently asked questions
Why does my printed colour look different?
Printers use CMYK inks which cannot reproduce every bright RGB screen colour. Paper type and printer calibration also change the result.
What is the HSV of the Bangladesh flag green?
The official green #006A4E is hsv(164, 100%, 42%) in HSV.
Is the conversion exact?
HEX, RGB, HSL and HSV conversions are mathematically exact (rounded). CMYK is an approximation because real printing depends on paper and ink profiles.