Learn the harmonic progressions of songs before sitting down at the piano. Tap interactive keys with real-time acoustic sound and see the exact position of each hand and finger.
Chord:
1..5Left Hand (Cyan): Accompaniment & chords
1..5Right Hand (Amber): Melody & arpeggios
Click or tap keys to hear their acoustic sound
1. F minor (Fm)
Tonic · Opening section
The master arpeggio. The left hand marks the harmonic floor with F and C while the right hand phrases the central motif.
Left Hand (Cyan)
Right Hand (Amber)
Harmonic Catalog & Fingering Reference
Complete reference of the chords, constituent notes and anatomical fingerings used in our lessons.
Ludovico Einaudi — Nuvole Bianche
Ludovico Einaudi · Fm
Chord
Harmonic Role
Left Hand (Cyan)
Right Hand (Amber)
1. F minor (Fm)
Tonic · Opening sectionThe master arpeggio. The left hand marks the harmonic floor with F and C while the right hand phrases the central motif.
F3 (Finger 5)
C4 (Finger 1)
F4 (Finger 1)
Ab4 (Finger 3)
C5 (Finger 5)
2. D♭ Major (D♭)
Luminous expansion of bar 2The change that opens up the song. The bass gently jumps to D♭ and the melody breathes.
Db3 (Finger 5)
Ab3 (Finger 1)
F4 (Finger 1)
Ab4 (Finger 2)
Db5 (Finger 5)
3. A♭ Major (A♭)
Intermediate warmth of bar 3Melodic resting chord. Keep the pulse steady without rushing the tempo.
Ab3 (Finger 5)
Eb4 (Finger 1)
Eb4 (Finger 1)
Ab4 (Finger 3)
C5 (Finger 5)
4. E♭ Major (E♭)
Return tension resolving back to F minorCloses the hypnotic 4-chord loop and gently guides you back to the opening F minor.
Eb3 (Finger 5)
Bb3 (Finger 1)
Eb4 (Finger 1)
G4 (Finger 2)
Bb4 (Finger 4)
Yiruma — River Flows in You
Yiruma · A
Chord
Harmonic Role
Left Hand (Cyan)
Right Hand (Amber)
1. A Major (A)
Lyrical openingGentle melody that flows like water. Notice the 1-2-5 fingering in the right hand.
A3 (Finger 5)
E4 (Finger 1)
A4 (Finger 1)
C#5 (Finger 3)
E5 (Finger 5)
2. E Major (E)
Harmonic dominantLeft hand holds the low E while the right hand gracefully descends.
E3 (Finger 5)
B3 (Finger 1)
E4 (Finger 1)
G#4 (Finger 2)
B4 (Finger 4)
3. F# minor (F#m)
Nostalgic turning pointThe chord that gives Yiruma’s piece its unforgettable nostalgic character.
F#3 (Finger 5)
C#4 (Finger 1)
F#4 (Finger 1)
A4 (Finger 2)
C#5 (Finger 4)
4. D Major (D)
Open resolutionPrepares the circular return to the A Major chord.
D3 (Finger 5)
A3 (Finger 1)
D4 (Finger 1)
F#4 (Finger 2)
A4 (Finger 4)
Beethoven — Für Elise
Ludwig van Beethoven · Am
Chord
Harmonic Role
Left Hand (Cyan)
Right Hand (Amber)
1. Opening Motif (E - D# - E)
The most famous motif in piano historyAlternation of fingers 5 and 4 in the right hand with the thumb relaxed.
A3 (Finger 5)
E4 (Finger 5)
D#4 (Finger 4)
2. A minor Chord (Am)
Resolution of phrase AThe left hand enters with the A-E-A arpeggio while the right hand resolves on C.
A2 (Finger 5)
A3 (Finger 1)
C4 (Finger 1)
E4 (Finger 3)
A4 (Finger 5)
3. E Major 7 Chord (E7)
Tension leading back to the opening motifThe left hand plays E-G# while the right hand rests on B.
E3 (Finger 5)
G#3 (Finger 3)
B3 (Finger 1)
D4 (Finger 2)
G#4 (Finger 5)
C Major Scale (Basic fingering)
Traditional · C
Chord
Harmonic Role
Left Hand (Cyan)
Right Hand (Amber)
Step 1: First group (Fingers 1 - 2 - 3)
Notes C, D, EPlay with thumb (1), index (2) and middle (3). Get ready to pass the thumb underneath.
Notes F, G, A, B, CThe thumb glides smoothly under finger 3 to reach F4 and complete the octave.
G3 (Finger 1)
F4 (Finger 1)
G4 (Finger 2)
A4 (Finger 3)
B4 (Finger 4)
C5 (Finger 5)
Why do we use the Cyan and Amber color code?
The biggest hurdle when learning piano on your own is not a lack of talent, but the confusion between what the left hand and the right hand are doing on the same keyboard.
🟦
Left Hand (Cyan #00D2FF)
Represents the harmonic foundation and the bass. In our lessons, cyan shows you at a glance which notes anchor the song so your left hand moves with confidence and zero hesitation.
🟧
Right Hand (Amber #FF9F1C)
Represents the melody and arpeggios. Amber highlights the singing notes, helping you link anatomical fingering (fingers 1 to 5) directly with musical expression.
🖐️
The Finger Rule (1 to 5)
1 = Thumb · 2 = Index · 3 = Middle · 4 = Ring · 5 = Pinky. On every chord you see the exact finger number to avoid wrist tension and clumsy hand crosses.
Ready to play the full song?
Watch the full step-by-step video tutorials with real hands overhead, SeeMusic visual notes and on-screen sheet music on YouTube.
