2026 Professional Shade Reference

Hair Color Chart: Your Complete Guide to Finding the Perfect Shade

Explore a comprehensive hair color chart with levels 1–10, tones, skin tone pairing, and an interactive shade browser. Use this guide to understand hair color numbers, find your best match, and preview looks with our AI inspiration workflow.

  • Level system explained from deep black to platinum blonde
  • Skin tone guidance with warm, cool, and neutral picks
  • Interactive hair color chart with 50+ professional shades

Shade Explorer

Hair Color Chart with Numbers

Scroll through level 1–10, compare undertones, and jump into AI hair color tests without leaving the page.

Hair color chart hero visual showing multiple shades
Explore the 2026 hair color chart hero visual across levels and tones.

What Is a Hair Color Chart?

A hair color chart is a professional reference that maps pigments into numbered levels and tones so you can predict how color will develop on your hair. Stylists rely on these charts to balance lift, deposit, and undertones before mixing formulas. By understanding the hair color chart, hair color levels, and hair color numbers, you can compare brands, plan color corrections, and set realistic expectations. Think of it as a navigation map that prevents surprise brassiness and uneven results.

The chart translates depth (level 1 to 10) and reflect (tone codes) into a shared language. When you know where your starting shade sits and which undertones live in the target shade, you avoid over-lightening or over-depositing. This guide blends SEO-friendly education with a practical shade browser so you can move from research to action without losing context.

Understanding Hair Color Levels: 1 to 10

Hair color level charts rank depth from Level 1 (black) through Level 10 (lightest blonde). Level numbers help predict how pigment lifts or deposits, especially when you plan for dark hair levels versus blonde levels. A level 3 brown will expose warm red-orange when lightened, while a level 8 blonde mainly reveals pale yellow. When you match developer strength to the desired lift and balance warmth with toners, you get cleaner, more accurate results.

Use this hair color level chart to understand where you are starting, then target the appropriate lift. If you are moving two levels lighter from a level 5, you often need controlled lightening and a cool or neutral toner to counteract brass. If you are deepening from a level 8 to a level 6 dark blonde, choose a demi-permanent formula to deposit without excessive ammonia, preserving shine and cuticle health.

LevelNameVisible Undertone
1Blue-BlackCool neutral
2Very Dark BrownNeutral depth
3Dark BrownWarm red-brown
4Medium BrownWarm copper-brown
5Light BrownWarm gold
6Dark BlondeSoft gold-beige
7Medium BlondeBalanced beige
8Light BlondeCreamy gold
9Very Light BlondePale yellow
10Lightest BlondeIcy pale
1Blue-Black
2Very Dark Brown
3Dark Brown
4Medium Brown
5Light Brown
6Dark Blonde
7Medium Blonde
8Light Blonde
9Very Light Blonde
10Lightest Blonde

Hair Color Tones and Codes Explained

Professional hair color numbers combine level + tone code. The level indicates depth, while decimals describe reflects: .1 ash, .2 violet, .3 golden, .4 copper, .5 mahogany, .6 red, .7 matte/green, .8 mocha, .9 pearl. For example, 6.3 is a level 6 dark blonde with golden tone, while 4.2 leans violet to mute warmth. Understanding hair color chart numbers lets you select precise counteraction: ash tones neutralize orange, violet fights yellow, and copper amplifies warmth for vibrant copper reds.

When you read a hair color tone guide, remember that the first number sets darkness and the decimals stack reflect intensity. A formula like 7.13 blends cool ash with a whisper of gold to stay balanced. A 5.46 mixes copper and red for rich mahogany brown. Combining developer strength, processing time, and tone code helps you avoid over-cooling the hair or leaving too much warmth after lightening.

Browse Our Complete Hair Color Chart

Use the tabs to browse all shades, filter by skin tone, and open any color for level, tone, and undertone details. Every card follows professional hair color chart numbers with tones, giving you a realistic view before you book a service or start a DIY kit.

Midnight Black

1.0 · Level 1 · Neutral

Best for Cool undertones

Soft Ebony

2.0 · Level 2 · Neutral

Best for Neutral undertones

Blue Black

2.1 · Level 2 · Ash

Best for Cool undertones

Rich Espresso

3.0 · Level 3 · Neutral

Best for Neutral undertones

Ash Espresso

3.1 · Level 3 · Ash

Best for Cool undertones

Mocha Walnut

4.8 · Level 4 · Mocha

Best for Neutral undertones

Warm Chestnut

4.4 · Level 4 · Copper

Best for Warm undertones

Neutral Chocolate

5.0 · Level 5 · Neutral

Best for Neutral undertones

Caramel Toffee

5.3 · Level 5 · Golden

Best for Warm undertones

Mahogany Brown

5.5 · Level 5 · Mahogany

Best for Neutral undertones

Cool Dark Brown

5.1 · Level 5 · Ash

Best for Cool undertones

Bronzed Brunette

5.34 · Level 5 · Gold/Copper

Best for Warm undertones

Hazelnut Brown

6.8 · Level 6 · Mocha

Best for Neutral undertones

Ash Mocha

6.1 · Level 6 · Ash

Best for Cool undertones

Golden Dark Blonde

6.3 · Level 6 · Gold

Best for Warm undertones

Cool Dark Blonde

6.1 · Level 6 · Ash

Best for Cool undertones

Beige Blonde

7.13 · Level 7 · Beige

Best for Neutral undertones

Honey Blonde

7.3 · Level 7 · Gold

Best for Warm undertones

Cool Sand

7.2 · Level 7 · Violet

Best for Cool undertones

Neutral Dark Blonde

7.0 · Level 7 · Neutral

Best for Neutral undertones

Soft Beige Blonde

8.13 · Level 8 · Beige

Best for Neutral undertones

Golden Butter

8.3 · Level 8 · Gold

Best for Warm undertones

Pearl Blonde

9.2 · Level 9 · Pearl

Best for Cool undertones

Icy Platinum

10.1 · Level 10 · Ash

Best for Cool undertones

Champagne Blonde

9.13 · Level 9 · Beige

Best for Neutral undertones

Strawberry Blonde

8.34 · Level 8 · Gold/Copper

Best for Warm undertones

Copper Chestnut

5.4 · Level 5 · Copper

Best for Warm undertones

Spiced Auburn

5.64 · Level 5 · Red/Copper

Best for Neutral undertones

Mahogany Rose

5.56 · Level 5 · Mahogany

Best for Neutral undertones

Classic Auburn

6.46 · Level 6 · Copper/Red

Best for Warm undertones

Rose Brown

6.26 · Level 6 · Violet/Red

Best for Neutral undertones

Deep Cherry

4.6 · Level 4 · Red

Best for Cool undertones

Ginger Gold

7.43 · Level 7 · Copper/Gold

Best for Warm undertones

Burnished Copper

7.44 · Level 7 · Copper

Best for Warm undertones

Smoky Lilac

9.22 · Level 9 · Violet

Best for Cool undertones

Rose Quartz

9.26 · Level 9 · Rose

Best for Neutral undertones

Smoky Teal

7.17 · Level 7 · Matte/Green

Best for Cool undertones

Mulberry

5.62 · Level 5 · Red/Violet

Best for Cool undertones

Blush Copper Melt

8.43 · Level 8 · Gold/Copper

Best for Warm undertones

Silver Smoke

8.11 · Level 8 · Double Ash

Best for Cool undertones

Pastel Mint

9.17 · Level 9 · Matte

Best for Neutral undertones

Violet Frost

10.2 · Level 10 · Violet

Best for Cool undertones

Bronze Smoke

6.14 · Level 6 · Ash/Copper

Best for Neutral undertones

Peach Fizz

9.32 · Level 9 · Gold/Violet

Best for Warm undertones

Electric Ruby

5.66 · Level 5 · Red/Red

Best for Cool undertones

Smoked Denim

6.17 · Level 6 · Matte

Best for Cool undertones

Opal Blonde

10.21 · Level 10 · Violet/Ash

Best for Neutral undertones

Smoky Mauve

7.25 · Level 7 · Violet/Mahogany

Best for Neutral undertones

Cranberry Latte

6.56 · Level 6 · Mahogany/Red

Best for Warm undertones

Soft Coral

8.45 · Level 8 · Copper/Gold

Best for Warm undertones

Dusty Rose Gold

9.35 · Level 9 · Gold/Mahogany

Best for Neutral undertones

Graphite Ash

7.11 · Level 7 · Double Ash

Best for Cool undertones

Velvet Plum

4.25 · Level 4 · Violet

Best for Cool undertones

Sunset Melt

8.64 · Level 8 · Red/Copper

Best for Warm undertones

Shade detail

Midnight Black — 1.0

Level 1 · Neutral · Skin Tone: Cool

Jet black with mirror shine, ideal for dramatic contrast and cool undertones.

Hair Color Chart by Skin Tone

Matching hair color for skin tone is the fastest way to look luminous without heavy makeup. Use this hair color shade guide to pair undertones with complementary pigments: golden and copper for warmth, ash and violet for coolness, and balanced neutrals when you want flexibility. The recommendations below balance classic salon logic with modern permanent hair color technology.

Best Hair Colors for Warm Skin Tones

Warm skin tones thrive with golden, copper, caramel, and honey reflects. These shades amplify undertones instead of fighting them, making the complexion look bright. Focus on level 5–9 with gold or copper reflects when you need a soft glow.

  • Caramel Balayage · honey ribbons on level 6–7
  • Golden Dark Blonde 6.3 · classic warm blonde
  • Copper Chestnut 5.4 · energetic and polished
  • Warm Chestnut 4.4 · rich brunette with spice
Hair color ideas for warm skin tone
Warm skin tone pairing: caramel, copper, and golden highlights.

Best Hair Colors for Cool Skin Tones

Cool skin tones shine with ash, pearl, and smoky finishes that neutralize redness. Levels 4–9 with ash (.1) or violet (.2) reflect keep brass under control. Aim for creamy beige blondes or espresso browns.

  • Smoky Espresso 3.1 · deep ash brunette
  • Pearl Blonde 9.2 · icy without looking flat
  • Ash Mocha 7.1 · beige balance for cool skin tone hair color
  • Cool Dark Blonde 6.1 · muted, salon-polished finish
Hair color ideas for cool skin tone
Cool skin tone pairing: ash espresso, pearl blonde, smoky finishes.

Best Hair Colors for Neutral Skin Tones

Neutral skin can flex between warm and cool palettes. Mix neutral gold with beige or soft ash for dimensional depth. Permanent hair color in neutral reflect keeps the result wearable for daily styling.

  • Neutral Mocha 5.8 · balanced brunette
  • Soft Beige Blonde 8.13 · gentle mix of ash and gold
  • Rose Brown 6.26 · subtle rosy reflect without redness
  • Balanced Auburn 5.56 · cool-warm harmony
Hair color ideas for neutral skin tone
Neutral skin tone pairing: mocha, beige blonde, and rose brown.

Popular Hair Color Chart Brands Compared

Different brands express hair color numbers with slight tone variations. A L'Oréal hair color chart often uses .3 for gold and .1 for ash, while a Wella hair color chart might label ash with /1 and gold with /3. Knowing the mapping helps you swap formulas without losing intent.

BrandAshGoldCopperMahogany/Red
L'Oréal.1.3.4.5/.6
Wella/1/3/4/5 or /6
ClairolAGCR/M

When switching between a loreal hair color chart and a wella hair color chart, check both the level and the tone letter. Keep developer strength consistent and strand test to confirm lift versus deposit before a full application.

Try Your Color: AI Hair Color Preview

Use the AI preview as inspiration, not a pixel-perfect simulation. Upload a photo, pick a hair color chart swatch, and see an artistic preview before you commit. This helps you make a confident decision while respecting that lighting, porosity, and developer choice still affect the real result.

Select Another Shade
AI hair color preview concept illustration

Palette & Chart Visuals

Balayage caramel highlights closeup (level 6, side light)
Balayage caramel highlights closeup (level 6, side light)
Before/after hair color chart board with numbered swatches
Before/after hair color chart board with numbered swatches
Warm vs cool hair color palette with skin tone circles
Warm vs cool hair color palette with skin tone circles
1Upload your photo

Your preview will appear here

2Choose a hairstyle
3Extra prompt (optional)

We already add: front-facing portrait photo, neutral beige studio background, same white tank top, same camera angle (50mm look), keep the same face and skin tone, apply chosen hairstyle cleanly, seamless blend, photorealistic, soft studio lighting, high detail

Preview
Sample after
💡Try different hairstyles and colors to see what suits you best!

Salon & Workflow Visuals

Stylist holding a color chart book in natural light
Stylist holding a color chart book in natural light
Flatlay of hair swatches and toner bottles on marble desk
Flatlay of hair swatches and toner bottles on marble desk
AI hair try-on interface mockup, split upload and preview
AI hair try-on interface mockup, split upload and preview

Real-Look Hair Inspo

Use these lighting-and-tone examples as a guide before running your own upload.

Ash blonde model outdoors at golden hour with soft wind
Ash blonde model outdoors at golden hour with soft wind
Red copper lob haircut in studio with glossy finish
Red copper lob haircut in studio with glossy finish
Neutral brunette mocha tones under softbox lighting
Neutral brunette mocha tones under softbox lighting
Platinum blonde ice tone portrait with cool rim light
Platinum blonde ice tone portrait with cool rim light

Frequently Asked Questions About Hair Color Charts

A hair color chart organizes shades by level and tone so you can predict lift, deposit, and undertone before coloring. It helps you read hair color numbers and reduce guesswork.

The first number shows darkness level 1–10. Decimals describe tone: .1 ash, .2 violet, .3 gold, .4 copper, .5 mahogany, .6 red, .7 matte/green.

Compare a dry strand in natural light to a level 1–10 scale. Match the closest depth, then plan how many levels you need to lift or deposit.

Warm skin favors gold and copper, cool skin prefers ash or pearl, and neutral skin can wear balanced beige or mixed reflects.

Permanent opens the cuticle with developer to lift and deposit for long-lasting change. Semi-permanent deposits only, fades faster, and is gentler for glossing.

Permanent color lasts about 6–8 weeks before regrowth shows; semi-permanent may fade in 8–12 washes depending on porosity and care.