How the Piano Keyboard Works — An Interactive Guide | piano.org

Step 1 of 6

Every piano has exactly 12 notes

Before white keys, black keys, or letters — there are just 12 equally spaced sounds. Tap any block to hear and explore.

← Tap any block to learn about that note

These 12 notes weren't invented arbitrarily — they emerged from physics. When a string vibrates, it simultaneously produces quieter notes called overtones. The overtones that sound most consonant fall at simple frequency ratios.

A vibrating string produces multiple modes at once

Fundamental (1:1) — the note you hear · strongest

2nd overtone (2:1) — octave above · very strong

3rd overtone (3:2) — perfect fifth · present

2:1 octave

3:2 perfect fifth

4:3 perfect fourth

The 12-note system grew from the physics of consonant ratios, centuries of tuning experimentation across cultures, and Western notation conventions — a deeply natural solution, refined over millennia. Pythagoras (~500 BC) showed that stacking the 3:2 ratio 12 times almost returns you to your starting pitch, leaving 12 distinct notes before the octave repeats.

Resonance and standing waves — The Physics Classroom Pythagorean comma — Encyclopædia Britannica

One octave = 12 equal steps. Each step is called a semitone — the smallest distance between any two notes on a piano. After 12 semitones, the same note name appears again, just higher in pitch.

Remember There are exactly 12 unique notes before the octave repeats. The piano plays all 12, over and over, across its full range.

Step 2 of 6

The musical alphabet

There are 12 notes but only 7 letter names: A B C D E F G. Here's how sharps, flats, and names like E# fit in.

The 12 notes — no names yet

← Tap any block

Pythagoras (~500 BC) built a scale by stacking perfect fifths (3:2 ratio). After 7 fifths, you get the 7 natural notes. After 12 fifths, you've almost returned to your starting pitch — but not quite. The tiny gap is called the Pythagorean comma (~23 cents). 12 is the smallest number of steps where this near-miss happens, making it the most natural octave division available.

In 1722, J.S. Bach's Well-Tempered Clavier demonstrated that slightly adjusting each interval (equal temperament) lets one instrument play in all 12 keys. The modern piano uses this system.

Equal temperament — Britannica The circle of fifths — musictheory.net

7 notes get letter names

← Tap a named note (A–G)

Medieval theorists chose 7 notes that form the most consonant relationships with each other — the intervals most strongly present in the overtone series. Together they form the major scale pattern (W W H W W W H — whole and half steps).

The other 5 weren't ignored — they were defined relative to the 7 named notes as sharps (♯, one step up) or flats (♭, one step down). This is why those 5 have two names each rather than one.

Musical scale — Britannica

All 12 named — sharps & flats fill the gaps

← Tap any key — try E and B

The 5 gaps cluster into a group of 2 (between C–D–E) and a group of 3 (between F–G–A–B). The breaks happen at E→F and B→C — those two pairs are already just one semitone apart. No room for another note between them.

This uneven grouping is a direct consequence of where the natural half-steps fall — which itself comes from the mathematics of stacking Pythagorean fifths. The piano keyboard's distinctive shape is a visual expression of this mathematical fact.

E#, B#, Fb, Cb — same key, different name

Yes — E# exists. It just shares a key with F. Same physical key, different theoretical name.

E# exists

"One semitone above E" lands on F. Same key.

E# = F

B# exists

"One semitone above B" lands on C. Same key.

B# = C

Fb exists

"One semitone below F" lands on E. Same key.

Fb = E

Cb exists

"One semitone below C" lands on B. Same key.

Cb = B

This is called enharmonic equivalence — the same pitch having multiple valid names depending on context. Music theory requires every key signature to use each letter name exactly once. In F# major, the 7th note must be spelled E# — even though your finger plays F — because the scale must read: F# G# A# B C# D# E#.

You won't encounter E# as a beginner. But when you do, you'll know: it's not a new key — it's just F with a different name tag for theoretical reasons.

Enharmonic equivalents — musictheory.net

Remember 7 letter names (A–G) name the natural notes. Sharps and flats name the 5 in-between notes — and sometimes the naturals themselves, in different contexts.

Step 3 of 6

The pattern hiding in plain sight

Every piano keyboard has the same repeating shape. Once you see it, you can never unsee it — and you'll never be lost on the keyboard again.

Start here — 12 equal blocks

Press the button to see what a piano actually looks like.

The 2-group and the 3-group

← Tap the black keys to identify the groups

Group of 2

C# and D# — always 2 black keys together, over C D E.

Group of 3

F#, G#, A# — always 3 black keys together, over F G A B.

Two pairs of natural notes are already just one semitone apart: E→F and B→C. Every other neighboring pair (C→D, D→E, F→G, G→A, A→B) is a whole step — enough room for a black key. Remove those two "no-gap" spots and you get exactly the 2–3 grouping you see on every piano.

Half steps and whole steps — musictheory.net

Your landmark — C is always left of the 2-group

← Tap any key to identify it

One rule unlocks the whole keyboard: C is always the white key immediately left of the group of 2 black keys. Find the 2-group → look left → that's C. Every other note follows from there.

Once you find C, count up alphabetically: C D E F G A B — then it repeats. White keys only, moving right. For black keys: each one is either a sharp (♯, one step above the white key to its left) or a flat (♭, one step below the white key to its right).

The 2-group tells you where C D E are. The 3-group tells you where F G A B are. You never have to count from the beginning — find the nearest group and navigate from there.

Remember 2 black keys together → the white key immediately left is C. 3 black keys together → the white key immediately left is F.

Step 4 of 6

Why do we start on C, not A?

The alphabet starts at A — so why does piano teaching start at C? Two practical reasons that make it obvious once you see them.

Reason 1 — C major uses only white keys

A major scale — starting on A

⚠ Requires 3 black keys: C#, F#, G#

C major scale — starting on C

✓ Zero black keys — all white, all natural

A major scale follows the interval pattern W W H W W W H (whole step, whole step, half step…). Start it on A and you immediately need sharps to maintain the correct distances. Start it on C and every note lands exactly on a white key. C major is the only major scale with no sharps or flats.

That's why teachers start there — not because C is theoretically more important than A, but because it's physically simpler to see and learn on the keyboard.

Major scales — musictheory.net

Reason 2 — Middle C is the visual anchor on keyboard and staff

C4 — Middle C

Two reasons it's called "middle": ① it sits near the physical center of the 88-key piano (around key 40 of 88) · ② it's the meeting point of treble and bass clef on the grand staff, written on a ledger line between the two staves

We start teaching from C — not because C is theoretically special — but because C major uses only white keys and Middle C is a clear visual anchor on both the keyboard and sheet music.

Every C on the piano is numbered by its octave: C1 (lowest), C2, C3, C4 (Middle C), C5, C6, C7, C8 (highest). The number increases each time you pass a C going upward.

C4 is the 4th C counting from the bottom of the keyboard and sits approximately in the physical center of the 88 keys. Concert A (A4 = 440 Hz) is the international tuning reference. Middle C (C4) vibrates at approximately 261.63 Hz.

Middle C — Britannica

Remember We start on C because C major = all white keys, and Middle C = the center of the keyboard and the grand staff.

Step 5 of 6

Middle C on the full keyboard

An 88-key piano repeats the same 12-note octave pattern over and over. Middle C sits right in the center — your forever anchor point.

Middle C (C4)

Key 40 of 88. The anchor of the entire instrument. Every other C is named by its octave distance from here — C3 is one octave below, C5 is one octave above.

The pattern repeats 7+ times. Every group of 2 black keys has a C to its left. Every group of 3 has an F to its left. The same landmarks appear across the whole keyboard — just higher or lower in pitch.

The 88-key standard was established by Steinway & Sons in the 1880s. The lowest note is A0 (27.5 Hz) — just above the threshold of musical pitch perception. The highest is C8 (4,186 Hz) — near the upper limit of what's musically useful.

Earlier pianos had fewer keys: Mozart's fortepiano had about 61 keys (5 octaves). Beethoven pushed against those limits as manufacturers expanded the range to meet his demands. The 88-key standard has remained unchanged for over 140 years.

Piano — Britannica

Remember Middle C (C4) is key 40 of 88 — your permanent anchor. Use it to name every other C by octave number.

Step 6 of 6

There it is — the piano

Everything we've covered — 12 semitones, 7 letter names, the 2–3 pattern, Middle C — is right here. Tap any key.

← Tap any key to identify it

Natural note (white key)

Sharp / flat (black key)

Middle C (C4)

The keyboard uses 12-tone equal temperament — the octave divided into 12 exactly equal semitones, each the ratio 2^(1/12) ≈ 1.0595 above the last. This was a centuries-long compromise: making every key equally slightly impure, but consistently usable across all 12 keys.

Before 1700

Meantone temperament

Pure thirds, one unusable "wolf" fifth. Beautiful in some keys, unplayable in others.

Before 1700

Just intonation

Perfect pure ratios in one key. Out of tune in distant keys.

~1600–1800

Well temperament

Each key has a distinct character. Bach exploited this.

Modern standard

Equal temperament

All 12 keys identical. Full freedom to modulate. The piano standard since the 1880s.

Equal temperament — Britannica

You just built a piano

From 12 equal semitones → 7 letter names → the 2–3 pattern → Middle C → the full keyboard. That's the complete picture — and it all traces back to a vibrating string.

Quick check

Test your knowledge

Three quick challenges — tap the keyboard to answer. Sound on helps.

Loading…