Convert hexadecimal code to color for painting

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

Value

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

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

1 2 3 4

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.

Hue / Saturation / Brightness

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.

Red / Green / Blue

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.

Setting all three sliders to zero give you pure black. For pure white, set all three sliders to 255. Set two sliders to 0 and the color you want to 255 to achieve pure red, green, or blue. Or, create secondary shades, such as purple, by setting two of the sliders (red and blue) to maximum, and leaving the green slider at minimum. Experimenting with RGB sliders is a great way to gain insight into digital color mixing.

How to get html color code from an image using MS Paint

This is a quick tutorial for getting html color codes using MS Paint. The idea is to get RGB codes from MS Paint and then convert the RGB color code values to hexadecimal values. This tutorial is best suited for Windows 7 operators. Follow the instructions:

1. Open the image in ms paint.

1. Use color picker to select the color on image for which you want the html code for. (Circled in red)

1. Now that I have selected blue color note that ‘Color 1’ changes to blue. You should make sure the color you have selected and that shown in ‘Color 1’ are same.

1. Now we are ready to get the RGB code of the selected color. Click on the ‘Edit Color’s button to get the color palette.

1. That’s it! Now we got the RGB values of the selected color. RGB(14,149,255) = the blue color we want.
2. To get the html color code convert each value to its hexadecimal notation. For those lazy people like me there are a lot of RGB to HTML converters available. The first result I got from Google is https://easycalculation.com/rgb-coder.php
3. Now, for those who really want to convert RGB to html color code on their on, read the rest. Open Calculator. (Windows + R, calc)
4. Press Alt+3 or select ‘Programmer’ mode.

1. Now calculator must have expanded with some extra features. Radio button for ‘Dec’ is selected by default.

1. Type in each of the RGB values and select Hex for converting to hexadecimal value.

• 14 will be converted to E
• 149 will be converted to 95
• 255 will be converted to FF

So RGB(14,149,255) —> #0E95FF.

Note that html color code is either 6 digits or 3 digits. So if you get single digit hexadecimal just add a zero on left.

Share this tutorial if it helped you. And feel free to tell your opinions in comments. I read them to improve.