GenMusic

Interactive Circle of Fifths

Explore musical keys, chord progressions, and key signatures with our interactive Circle of Fifths tool. Click any key to hear its scale and chords, and discover the relationships between all 12 major and minor keys.

Loading tool…
Reel · Capabilities

Features

Everything you need to master the Circle of Fifths and music theory

  1. Feature 01 / 06

    Interactive Visualization

    Beautiful SVG-based circle with clickable major and minor key segments. Hover and click to explore all 12 keys instantly.

  2. Feature 02 / 06

    Audio Playback

    Hear scales and chords for any key you select. Web Audio API provides instant, high-quality sound synthesis.

  3. Feature 03 / 06

    Key Signatures

    Instantly see how many sharps or flats each key has, and which notes are affected. Perfect for sight-reading practice.

  4. Feature 04 / 06

    Chord Progressions

    View all seven diatonic chords in any key with Roman numeral notation. Learn classic progressions like I-IV-V-I and ii-V-I.

  5. Feature 05 / 06

    Relative Major/Minor

    Quickly jump between relative major and minor keys. Understand the relationship between parallel keys.

  6. Feature 06 / 06

    Music Theory Learning

    Perfect for students, teachers, and musicians. Learn key relationships, chord qualities, and harmonic functions.

How to Use

Learn to navigate the Circle of Fifths in just a few steps

  1. Select a Key

    Click on any major key (outer ring) or minor key (middle ring) to select it. The selected key will be highlighted and you'll hear its tonic chord.

    Tips: Start with C major (top of the circle) - it has no sharps or flats

  2. Explore Key Information

    View the key signature (sharps/flats), relative major or minor, and all diatonic chords. Click on any chord to hear how it sounds.

    Tips: The inner ring shows the number of sharps (#) or flats (b) for each key

  3. Listen to Scales

    Click 'Play Scale' to hear the complete major or minor scale. Use the toggle switch to change between major and minor mode.

    Tips: Listen to how relative major and minor keys share the same notes but sound different

  4. Learn Chord Progressions

    Study the common chord progressions shown at the bottom. These patterns work in any key - the Circle helps you transpose them instantly.

    Tips: I-IV-V-I is the most fundamental progression in Western music

Who Uses Our Circle of Fifths Tool?

Essential music theory tool for musicians at every level

Music Students

Need to master key signatures and understand chord relationships for music theory exams

Use this visual learning tool to understand key signatures, relative keys, and ace your theory exams

Key SignaturesMusic TheoryExams

Songwriters & Composers

Need to find chords that work together and plan modulations for compositions

Discover harmonic possibilities, plan key changes, and build chord progressions that sound great

Chord ProgressionsModulationComposition

Instrumentalists

Need to learn scales in every key and understand which sharps and flats to play

Learn scales, understand accidentals, and improve sight-reading skills with visual reference

ScalesSight ReadingPractice

Music Teachers

Need to demonstrate music theory concepts interactively in lessons

Use audio playback to make abstract concepts tangible and engage students visually

TeachingVisual LearningDemonstrations
FAQ

Frequently Asked Questions

Common questions about the Circle of Fifths

The Circle of Fifths is a visual representation of the relationships between the 12 tones of the chromatic scale. Keys are arranged so that adjacent keys differ by a perfect fifth (7 semitones). Moving clockwise adds sharps, while moving counterclockwise adds flats. It's an essential tool for understanding key signatures, chord progressions, and harmonic relationships.
It's called the Circle of Fifths because each key is a perfect fifth (5 notes in a major scale) away from its neighbors. For example, G is a fifth above C, D is a fifth above G, and so on. This interval relationship creates a natural flow that musicians have used for centuries to compose and understand music.
The Circle of Fifths helps you find chords that sound good together. Adjacent keys share many notes, making them natural choices for modulation. Common progressions like I-IV-V-I follow the circle's pattern. You can also use it to find the relative minor of any major key (inner ring) for emotional variation in your songs.
Relative major and minor keys share the same key signature but have different tonal centers. For example, C major and A minor both have no sharps or flats. The relative minor is always 3 semitones below its relative major. Our tool shows these relationships - the outer ring displays major keys, and the middle ring shows their relative minors.
The Circle of Fifths is the best mnemonic tool! Clockwise from C: each key adds one sharp (G=1#, D=2#, A=3#...). Counter-clockwise: each key adds one flat (F=1b, Bb=2b, Eb=3b...). Sharps are added in order: F-C-G-D-A-E-B. Flats are added: B-E-A-D-G-C-F (reverse order).
Enharmonic keys sound the same but are written differently. At the bottom of the circle, F#/Gb and C#/Db are enharmonic pairs. F# major has 6 sharps, while Gb major has 6 flats - they sound identical but are notated differently. Musicians choose based on context and readability.