Value

Replicate exact colors using precision sliders. These sliders control Hue / Saturation / Brightness, Red / Green / Blue, and Hexadecimal numerical inputs.

Choose a Color

Some projects need precise color matching. This is where Procreate’s Value tab comes in.

On the right hand side of the top menu is the Active Color. Tap to open the Color Panel, then tap the Value tab at the bottom. Procreate will remember your preference in future.

Use sliders or numerical inputs to select colors based on their HSB [Hue/ Saturation / Brightness] or RGB [Red / Green / Blue] values. Or enter a color’s unique Hexadecimal [Web-safe color] code to match your shade exactly every time.

Using the HSB sliders, you can adjust the hue, saturation, and brightness of your chosen color.

You can also enter exact numerical values in the text boxes provided, and the sliders will shift to match. Or, you can use Scribble to write straight into the numerical values fields with an Apple Pencil.

The Hue slider is an ‘unwrapped’ version of the circular color wheel. Values range from 0 to 360 degrees, starting and ending on pure red. Every color found on the wheel is encompassed between the start and end points. You can enter numerical values for a color down to a single decimal place.

The Saturation slider changes the intensity of your color. This intensity is expressed as a percentage. 0% gives you zero saturation. This leaves you with a colorless shade of black, white, or grey. This shade depends on the position of the Brightness slider. A saturation of 100% gives you the most brilliant, vibrant version of any chosen hue.

The Brightness slider adjusts the light / dark balance of your color by percentage. 0% gives you the darkest possible black. 100% gives you the lightest possible version of your color.

In digital art a mixture of red, green, and blue creates each color.

The RGB sliders encompass a range from 0 (no color) up to 255 (the maximum possible amount of color). By mixing these amounts you can create over 16 million unique shades.

You can also manually enter numerical color values or use Scribble. The sliders will adjust themselves to match.

These simple six-character codes are another way to express RGB colors. These are ideal for matching and recording colors for use on the web and in programming.

If you know the hexadecimal code of the color you want to use, type it into the Hexadecimal input box. The sliders above will adjust to match.

Or you adjust colors using RGB or HSB values. The code in the Hexadecimal input box will change to match the color selected.

The top right rectangles above the value panel show your primary and secondary colors.

Once you’re happy with your chosen color, tap anywhere outside the Color Panel to close it.