Online Circle of Fifths Tool — Interactive | LazyTools

Music Theory

Online Circle of Fifths — Interactive Chords, Modes & Chord Playback

Click any key on the interactive Circle of Fifths to see its diatonic chords, all seven modes and key signature. Click any chord in the display to hear it played immediately via the browser. Furthermore, toggle between major and minor keys. No other free tool combines the circle, modes panel and instant chord playback in one view.

Click to select any keyDiatonic chords displayedAll 7 modes shownChord playback on clickMajor & minor toggle

How to use the Online Circle of Fifths Tool

Click any segment on the circle

Click any coloured segment to select that key. Furthermore, the info panel below the circle shows the key signature (number of sharps or flats), all seven diatonic chords and the seven mode names starting on that root note.

Click a chord badge to hear it

The green chord badges are clickable. Furthermore, clicking any chord badge plays the triad using your browser's audio — arpeggiated so you can hear the interval relationships clearly. This lets you audition chord sounds without an instrument.

Toggle between major and minor

The two buttons at the top switch the circle between showing major keys and their relative minor keys. Furthermore, every major key has a relative minor that shares the same key signature. C major and A minor both have no sharps or flats.

Read the modes panel

The modes panel shows all seven modes that use the same notes as the selected key. Furthermore, each mode starts on a different scale degree — Ionian (major) starts on the first degree, Dorian on the second and so on.

Use the key signature display for composition

The key signature line shows how many sharps or flats the selected key uses. Furthermore, adjacent keys on the circle share the most common notes — moving clockwise adds one sharp or removes one flat. This makes modulation between adjacent keys the smoothest harmonic move.

Major keys and their relative minor keys

Every major key has a relative minor that uses exactly the same notes. Furthermore, the relative minor starts three semitones below the major key root — C major and A minor share identical notes. The Circle of Fifths represents this relationship in the inner ring.

Major key	Relative minor	Key signature	Sharps/flats
C major	A minor	None	0
G major	E minor	F#	1 sharp
D major	B minor	F#, C#	2 sharps
F major	D minor	Bb	1 flat
Bb major	G minor	Bb, Eb	2 flats
Eb major	C minor	Bb, Eb, Ab	3 flats

How the Circle of Fifths is constructed

The Circle of Fifths arranges all 12 keys in clockwise steps of a perfect fifth (7 semitones). Furthermore, each clockwise step adds one sharp to the key signature. Moving counter-clockwise adds one flat — or removes one sharp.

Clockwise: add 1 sharp → C → G → D → A → E → B → F# → Db → Ab → Eb → Bb → F

Perfect fifth = 7 semitones above the current root
Adjacent keys = differ by only 1 sharp or flat
Opposite keys = 6 positions apart = tritone relationship (maximally distant)
Relative minor = 3 semitones (minor third) below the major root

The diatonic scale degrees

Every major key contains seven diatonic chords — one on each scale degree. Furthermore, chords I, IV and V are major; chords II, III and VI are minor; chord VII is diminished. This pattern holds for all 12 major keys. Moreover, popular chord progressions like I–V–VI–IV use this structure and work identically in any key.

Worked example: finding chords for a song in G major

A songwriter wants to write in G major. Clicking G on the Circle of Fifths reveals:

Degree	Chord	Quality	Common use
I	G major	Major	Home chord — start and end here
II	A minor	Minor	Pre-dominant — moves to D or C
III	B minor	Minor	Mediant — substitutes for G
IV	C major	Major	Sub-dominant — essential movement
V	D major	Major	Dominant — creates tension before G
VI	E minor	Minor	Relative minor — emotional depth
VII	F# dim	Diminished	Passing chord — leads to G

G–D–E minor–C (I–V–VI–IV) is one of the most popular chord progressions in popular music. Furthermore, clicking G on the circle reveals all four chords at once. Moreover, clicking each chord badge plays the chord so you can hear the progression before picking up an instrument.

What is the Circle of Fifths?

The Circle of Fifths is a diagram that organises the 12 musical keys in a circle. Furthermore, each adjacent key clockwise is a perfect fifth higher. The arrangement makes key signatures, relative minors, common chord relationships and modulation routes immediately visible in one diagram. It is the single most useful reference in Western music theory.

Johann David Heinichen introduced the concept in 1728 as a tool for composers. Furthermore, it has been used in music education, composition, jazz improvisation and songwriting ever since. Modern musicians use it to find related keys for modulation, identify borrowed chords from parallel keys and plan chord progressions that feel natural and connected. Moreover, the interactive version here adds chord playback — making the theoretical relationships immediately audible.

Modes and the Circle of Fifths

The seven modes all use the same set of notes as a given major key. Furthermore, each mode starts on a different scale degree — creating a different tonal colour from the same notes. Ionian (major) sounds bright and resolved. Dorian sounds minor but with a raised sixth. Phrygian has a Spanish flavour. Moreover, clicking any key on the circle reveals all seven modal starting points simultaneously.

Why the Circle of Fifths matters for musicians

Understanding the Circle of Fifths transforms chord selection from guesswork into deliberate choice. Furthermore, knowing that the IV and V chords of any key sit adjacent on the circle means you can find them instantly for any key. Moreover, the circle shows that moving clockwise (V to I direction) creates strong harmonic resolution — the same motion that makes cadences satisfying.

Songwriters use the circle to find chords that work together. Furthermore, any three adjacent keys on the circle share many common tones — making transitions between them smooth. Producers use it to choose sample keys that won't clash. Moreover, jazz musicians use it to navigate chord substitutions and modulations during improvisation — the circle is a mental map they apply in real time.

The circle in chord progressions

The most common chord movements in Western music trace paths on the Circle of Fifths. Furthermore, the V–I cadence is the fundamental movement of classical and popular music. The I–IV–V progression moves between three adjacent positions. Moreover, the circle of fifths progression (moving through all 12 keys in fifths) appears in Bach chorales, jazz standards and contemporary pop — always with a sense of inevitability and direction.

Frequently asked questions

What is the Circle of Fifths?+

The Circle of Fifths is a diagram arranging all 12 musical keys in a circle where each adjacent key is a perfect fifth apart. Furthermore, it visually encodes key signatures, relative minor relationships, common chord movements and modulation routes. It is the most widely used reference diagram in Western music theory, used by composers, songwriters, producers and music teachers.

How do I use the Circle of Fifths for songwriting?+

Click a key to see its seven diatonic chords. Furthermore, chords I, IV and V are major and form the backbone of most chord progressions. Adding chord VI (the relative minor) creates emotional depth. Moreover, adjacent keys on the circle share the most notes — borrowing chords from a neighbouring key creates interesting colour without sounding jarring.

What are modes and how do they relate to the circle?+

Modes are scales built from the same notes as a major key but starting on different degrees. Furthermore, each major key has seven modes: Ionian (major), Dorian, Phrygian, Lydian, Mixolydian, Aeolian (natural minor) and Locrian. Clicking any key reveals all seven mode names and their starting notes. Moreover, modes are the basis of jazz improvisation and are widely used in rock, blues and world music.

What is the difference between adjacent and opposite keys?+

Adjacent keys on the circle (one position apart) differ by only one sharp or flat. Furthermore, they share six of seven scale tones — making modulation between them very smooth. Opposite keys (six positions apart) form a tritone relationship and share the fewest common notes — modulation between them sounds dramatic and surprising. Moreover, many film scores use tritone key changes at emotional turning points for this reason.

What does the key signature number mean?+

The key signature number tells you how many sharps or flats appear in that key. Furthermore, C major has no sharps or flats — all white keys on a piano. G major has one sharp (F#). D major has two sharps (F# and C#). Moving counter-clockwise from C adds flats: F major has one flat (Bb). Moreover, sharps and flats are added in a specific order that the circle makes immediately visible.

Related music tools

→