# Value: How Colors Get Vivid > Value is the V in HSV, the brightness dial that tops out at the pure color, not white. How it differs from lightness, and why designers reach for it. - URL: https://codigrate.com/blog/value - Published: 2026-06-28 - Category: Color Theory - Theme: [Etna](https://codigrate.com/theme?product=etna) - Publisher: Codigrate (https://codigrate.com) Yesterday the [lightness](https://codigrate.com/blog/lightness) post set up a great question and saved the answer for today. A pure red sits at the exact middle of the lightness scale, halfway between black and white, even though nothing about it feels halfway to anything. The answer is that there is a second way to measure brightness, one that puts the pure color right where your eye expects it, at the very top. That second way is value, the V in HSV, and once you hold both in your head a lot of color pickers click into place. ## What Value Actually Is Value is a brightness dial, same as lightness. Turn it down to zero and any color goes black. Turn it up and the color gets brighter. The difference is where the dial stops. In HSV the top of the value dial is the pure, fully saturated color. A red [#F94144](https://codigrate.com/tools/color/F94144) at full value is still that vivid red. It does not pale, it does not drift toward white, it just arrives at its most intense self and stays there. That single decision is the whole personality of the model. HSV, sometimes written HSB for hue, saturation and brightness, treats the pure hue as the brightest a color can be. Black is the floor, the pure color is the ceiling, and everything in between is that hue dimmed down some amount. There is no room at the top for white, because white is not, in this model, a brighter red. It is a different thing entirely. ## Where Value Parts Ways With Lightness Here is the one distinction that makes the whole thing click. Lightness and value both start at black, but they aim at different targets. Lightness climbs through the pure color at the halfway mark and keeps going, all the way to white. Value climbs to the pure color and that is the end of the road. Try it below on the same hue. The left swatch reads the dial as value, the right one reads it as lightness, and one slider drives both. Push it to the top. Value lands on the pure color. Lightness sails right past that point and finishes on white. Same hue, same dial, two different destinations.

Slide the dial up to the top. HSV climbs to the pure color, HSL keeps going to white.

## Why A Dial That Stops At The Color Is Useful So why would anyone want a brightness dial that cannot reach white? Because most of the time, when you are picking a color, you are not headed for white. You are headed for a darker or lighter shade of the color you already chose, and you want it to stay that color the whole way. Value gives you exactly that. Drag it down and red gets darker while staying red. Lightness takes a different path, drifting red toward pink as it brightens, which is just right when a soft tint is what you are after. When you want the color to hold its ground instead, value is the dial to reach for. ## Why The Color Picker Square Works The Way It Does Open almost any color picker and you will find a tall hue strip beside a big square. That square is HSV laid out flat. Across the square saturation runs from grey on the left to full color on the right. Up and down the square value runs from black at the bottom to bright at the top. The top right corner, where saturation and value both max out, is the pure hue. Every other point in the square is that hue with some grey mixed in and some darkness mixed in. This is why grabbing a swatch feels so natural. You set the hue once on the strip, then you wander the square hunting for the exact shade, and the pure color is always sitting right there in the corner as your anchor. You are steering two dials at once, saturation across and value up, and because value climbs to the color rather than to white, the bright edge of the square stays full of rich, usable shades. That is the reason pickers are built on HSV: every corner of the square earns its place, right up to the pure hue waiting in the top corner. ## When To Reach For Each Keep both models on the shelf and grab the one that fits the job. Use HSV when you are tuning a single color by feel, picking a row of shades that all need to stay vivid, or reading a color picker square, since its value dial keeps the color intact as you dim it. Use HSL when you are reasoning about contrast, hierarchy and whether text can be read, because its black to white axis is the one that matches how the eye sorts light from dark. They are not rivals. They are two lenses on the same color, and a pure red is the clearest reminder of that. Fifty percent lightness, one hundred percent value, one color wearing two numbers. Once that stops surprising you, you have got the whole picture. You can read the value, lightness and saturation of any color in the [color tool](https://codigrate.com/tools/color), and lay a full set of shades side by side in the [palette tool](https://codigrate.com/tools/palette) to see how they hold their hue as they climb and fall. ## Frequently Asked Questions ### What is value in the HSV color model? Value is the V in HSV, the dial that says how bright a color is. Turn it all the way down and you get black, turn it all the way up and you get the brightest version of that hue. The catch is what brightest means here. In HSV the top of the value dial is the pure, fully saturated color, not white, so a value of one hundred percent on a saturated red gives you a vivid red rather than the pale pink or the plain white you might expect. ### What is the difference between value and lightness? They both measure brightness but they put the ceiling in different places. Lightness, the L in HSL, runs from black at the bottom through the pure color in the middle and on to white at the top, so its brightest point is white. Value, the V in HSV, runs from black at the bottom straight up to the pure color at the top, and it never reaches white at all. A fully saturated red sits at fifty percent lightness in HSL but at one hundred percent value in HSV, the same color landing in two different spots depending on which model you ask. ### What does HSV stand for and is it the same as HSB? HSV stands for hue, saturation and value. HSB stands for hue, saturation and brightness, and it is the exact same model under a different name, so value and brightness mean the same thing here. Photoshop and many design tools label the dial brightness while code and color pickers tend to label it value, but the math is identical. Both describe a cylinder where the pure colors live around the top edge and black sits at the bottom point. ### When should you use HSV instead of HSL? Reach for HSV when you are tuning a single color by eye, especially picking shades that stay vivid. Because the value dial climbs straight to the pure color, pulling it down gives you a clean run of darker shades without the color washing toward white, which is how most color pickers let you drag a square and grab a swatch. Reach for HSL when you are reasoning about contrast and readability, since its symmetric black to white axis lines up with how the eye reads light and dark.