Hair Color Mixing Calculator

Worksheet illustrating hair color inputs, mixing ratios, units and formula checks
Check the product directions, units and ratio before preparing a hair color mixture.

Introduction to weight-based hair color mixing

Hair color mixing is a proportion problem with two useful directions. If you already know how many grams of color cream you will use, this calculator finds the required developer and finished bowl weight. If you instead know how much mixture your service needs, it works backwards to divide that target between color and developer. A two-shade formula can also be divided according to the percentage assigned to Dye 1.

Measure by weight unless the directions for your exact product say otherwise. Color cream and developer can have different densities, so equal spoonfuls are not necessarily equal masses. A digital scale that reads in one-gram or finer increments makes a formula easier to repeat. Place the empty nonmetallic bowl on the scale, tare it to zero, add each component separately and record the actual weights used.

This tool calculates quantities; it does not predict the resulting shade. Starting level, underlying pigment, porosity, previous color, processing time and product chemistry all affect the outcome. Developer volume and mixing ratio are also different ideas. Volume describes peroxide strength, while a ratio such as 1:1.5 describes how much developer is used for each part of color. The printed directions for the exact shade family and product line always take priority.

How to use this hair dye and developer calculator

First choose what you know. In color-amount mode, enter the weight of Dye 1 and, if applicable, Dye 2. A single-shade formula can use zero grams for Dye 2. In target-total mode, enter the desired finished weight and the share of the color portion assigned to Dye 1. The hair-length presets provide rough starting quantities, but density and application technique can change the amount needed substantially.

Next choose the developer volume for an informational check and enter the ratio as developer parts per one part color. Enter 1 for 1:1, 1.5 for 1:1.5 or 2 for 1:2. For example, instructions reading “one part color with two parts developer” require a ratio input of 2. Select Calculate Mix to see each component in grams and ounces, its percentage of the bowl and a visual composition bar.

Do not choose a ratio merely because a mixture looks thick or thin. Texture varies by product. Confirm the ratio, permitted developer and processing instructions on the package. When scaling a known formula, multiply every component by the same factor rather than adjusting one ingredient independently.

The hair color mixing formulas and inverse calculation

Let c1 and c2 represent the two color weights in grams, and let r represent developer parts per part of color. The forward calculation is:

ctotal=c1+c2d=ctotal×rmtotal=ctotal(1+r)

When the finished target weight is known, divide it by one plus the ratio to recover the color portion. Developer is the remainder:

ctotal=mtotal1+rd=mtotalctotal=mtotalr1+r

The fraction r1+r is the developer share of the finished bowl. Developer is 50% at 1:1, 60% at 1:1.5 and about 66.7% at 1:2.

A two-shade color portion is split independently of the developer:

c1=ctotal×sc2=ctotal(1s)oz=g28.3495

Plain-text formula: developerGrams = (color1Grams + color2Grams) * developerRatio; totalMixGrams = color1Grams + color2Grams + developerGrams.

Worked example: a 100 g brunette mixture

Suppose a formula uses 30 g of neutral brown and 10 g of warm brown at a 1:1.5 ratio. The color portion is 40 g. Multiplying 40 g by 1.5 gives 60 g of developer, producing 100 g total. The bowl is therefore 30% Dye 1, 10% Dye 2 and 60% developer.

Now work backwards from a 90 g target while preserving the same ratio and a 75%/25% color split. The color portion is 90 ÷ 2.5, or 36 g. Developer is 54 g. Dye 1 receives 75% of 36 g, which is 27 g, and Dye 2 receives 9 g. The smaller batch keeps the same proportions as the original formula.

Common ratios as shares of a 100 g finished mixture
Color : developerCalculator inputColorDeveloper
1:1150 g50 g
1:1.51.540 g60 g
1:2233.3 g66.7 g

Underlying pigment and toner selection

Lifting exposes warm underlying pigment. As a simplified guide, pale yellow is commonly addressed with violet, orange with blue and red with green because opposite hues neutralize one another. Real formulas are more nuanced: an orange-yellow result may need blue-violet, while reddish-orange may call for blue-green. Choose a corrective family from the warmth actually visible after a strand test, not solely from the marketing name of the desired shade.

The ratio affects pigment concentration in the bowl. At 1:1, half of the mixture is pigmented color; at 1:2, only one third is color. That does not mean one ratio is better. Different oxidative colors, high-lift shades, demi-permanent glosses and toners are engineered for specific ratios. Using less developer than directed can overconcentrate a formula, while adding extra developer can weaken deposit and alter performance.

Simplified opposing-pigment guide
Visible warmthOpposing familyTypical depth
Pale yellow to yellowVioletLight blonde
Yellow-orange to orangeBlue-violet to blueMedium to dark blonde
Reddish-orange to redBlue-green to greenLight to medium brown

Developer volume, peroxide strength and product directions

Developer volume is commonly associated with peroxide concentration: 10 volume is about 3%, 20 volume about 6%, 30 volume about 9% and 40 volume about 12%. These labels do not guarantee a particular amount of lift. The color line, shade family, starting level, hair condition, ratio and processing method all matter. A dedicated gloss activator may be weaker than 10 volume and must not automatically be replaced with standard developer.

Professional lines publish different instructions. Standard permanent color may use 1:1 or 1:1.5, while some high-lift shades and demi-permanent products use 1:2. Even ranges from one manufacturer can differ. The calculator’s ratio note is therefore only a prompt to recheck the label, not authorization to alter a formula.

As rough planning amounts, a root retouch or short style may require 30–50 g of finished mixture, shoulder-length hair about 50–80 g, and long or dense hair 80–120 g or more. These are estimates rather than chemical rules. Sectioning, density, strand thickness and saturation technique can matter as much as length.

Limitations and safety assumptions for hair color mixing

This calculator assumes that the entered ratio is expressed by weight as developer per one part color. It also assumes compatible products and does not assess allergies, scalp condition, prior bleach, metallic salts, henna, relaxers or damage. It cannot determine whether a developer strength, shade or processing time is suitable for an individual.

  • Follow the exact product instructions and do not substitute developers unless expressly permitted.
  • Wear gloves, protect the eyes and work in a ventilated area.
  • Complete the manufacturer’s allergy alert test and a strand test as directed.
  • Do not exceed the stated developer strength or processing time.
  • Seek professional help for major lightening, corrections or compromised hair.

The output is an educational quantity estimate, not personalized cosmetology or medical advice. Inputs remain in the browser and are not transmitted by this calculator.

Questions about mixing hair color by weight

Can I use ounces instead of grams?

Yes, if the scale measures weight accurately. The result includes avoirdupois ounces using 28.3495 g per ounce. Grams are usually easier when measuring small corrections.

Does 1:2 mean equal amounts?

No. It means one part color and two parts developer. A 90 g finished mixture at 1:2 contains 30 g color and 60 g developer.

Can a prepared mixture be saved?

Do not assume mixed oxidative color can be stored. Follow the disposal instructions for the product; many mixtures begin reacting immediately and should not be sealed or reused.

Why might the calculated amount differ from the package?

The package may specify a different ratio for a particular shade family, or list volume rather than weight. Use the manufacturer’s stated method and treat this calculator as an arithmetic aid.

Sources: Product-specific examples can be checked in the Wella Koleston Perfect usage booklet, Wella Color Touch guidelines, L’Oreal Professionnel Majirel instructions, Redken Color Gels documentation and NIST unit guidance. Product labels govern. Last reviewed 2026.

Enter color amounts and ratio to see your mixture.

Calculator notes will appear here after you enter values.

Toner Bench mini-game: balance warmth and corrective pigment

Match each target strand by choosing the opposing tone, toner load, color-to-developer ratio and developer strength. Tap the canvas controls or use the arrow keys, then apply the mix. Accurate first-pass matches build a streak; unnecessary strength or excessive pigment pushes the strand away from neutral.

Round

1 / 6

Time

75 s

Streak

0

Applications

3

Distance

Round points

0

Score

0

Best

0

Your chair is ready

Match six lifted strands in 75 seconds. Choose the pigment opposite the visible warmth, tune its concentration and apply. Pointer, touch and arrow keys are supported.

Tip: ratio changes the concentration of pigmented color in the finished bowl.

Select Click to play when you are ready.

Controls: tap a row on the canvas, or use Up and Down to select a control and Left and Right to change it. Press Space or Enter to apply, N for the next swatch and R to restart.

Embed this calculator

Copy and paste the HTML below to add the Hair Color Mixing Calculator: Dye and Developer by Weight to your website.