Piano Major Chord Chart

You can access a full piano major chord chart in an interactive format at the click of a button! Just click any element in the interface with your mouse and it works. It will also work with your computer keyboard for navigating the controls and playing the sounds. Designed to be usable on both mobile devices and desktops, it’s an intuitive interface.

To begin with, choose your root note from the central grid of buttons in the widget. These button match each of the twelve major chords used in standard music theory. Tapping on a chord button will highlight the relevant keys on the virtual piano underneath, as well as playing that chord for you to hear its structure straight away. The selected chord’s root note is indicated in amber on the keyboard. You’ll notice that the other two notes (the third and the fifth) are in green, indicating the full triad.

How to Use the Piano Chord Tool

Above the chord grid is a selector row that lets you adjust the chord quality. You can swap from simple major triad chords up to more complex voicings. There’s the option for add ninth, dominant seventh, sixth, and major seventh chords. The visual display and the sound change too. It enables you to hear what each chord sounds like in action, a bluesy dominant seventh compared to say a brighter major seventh sound.

Experiment with different chord qualities using the selector row. For example, try pressing the Play button to hear all the notes of the chosen chord played together. This will give you an idea of how the triad sounds together. Pressing the Roll button plays each note of the chord individually, one at a time. That shows you the melody going from the note root up to the fifth or down to the third. Finally, press the Play all 12 button to go through the whole sequence of major chords. This will allow you to hear how chords relates and resolve over the circle of fifths.

Explore manually using the virtual keyboard on the bottom. Simply tap on any black or white key and it will sound out a note. It plays each note by itself so you can hear what the root note is, or maybe the third or even the fifth of the current chord. You can then tap other keys outside of the current chord too. This enables you to hear which notes do and don’t complement or clash with existing harmony. There is plenty of space on the keyboard to explore across many octaves.

The top right of the screen contains a slider that adjusts the master volume. If you find the default volume is too high for your room, turn it down here. To expand the widget to fullscreen mode for a larger workspace, hit the fullscreen button which will enlarge the chord grid and keys themselves. On smaller screens this provides a better view of the fingerings and note spelling.

There is also an overlay that appears as a little tutorial when you click on the help button in the header. If you have forgotten how to build major chords then this will remind you. Basically, it’s just the root + the major third + the perfect fifth. The overlay then goes on to explain why the widget spells every key correctly, using enharmonic spelling where necessary. So instead of seeing D sharp major, it shows E flat major, say.

For accessibility, it also works with navigation via computer keyboard. Just use the Tab key to move through the controls and chord buttons. Hit Space or Enter when you want to click whatever is in focus. That means you don’t need to pick up your mouse if you want to tweak some of the settings and make chord selections. It’s easy enough to see the focus indicator, which surrounds the active button.

Play around with other chord qualities within the same key. Pick your root note and work through the different qualities. Listen to what happens when you add the 9th or even the 7th. How about the major triad versus the dominant seventh? It can sound more stable because the intervals involved is different. The Roll works great when working on a slow melody line. Listen to the root note, then the fifth as it moves upwards and returns to the root. The shape of this chord is something that you could of learned through practice like this. Also, it’s a good test to make sure your volume levels work well. Roll them to hear what is happening in the detail.

Please note. Each key has an accurate note name shown in the widget. When a chord is selected, these are displayed above the keys. This allows you to relate the physical location on the keyboard with the musical note name. As you can see the root is always the first note of the chord spelling. It is followed by the usual intervallic pattern. The point of this is that you don’t have to know anything about music theory to use it. It takes you visually step-by-step through the fundamentals of major harmony.

Begin with a click on the C major button and hear the sound. Now go to F major and compare the two. You’ll find that the chord shape is similar but the root note have changed. Experiment with the variety of choices. This chart is not meant to have just one correct answer, but rather to show how all twelve chords move through their journey. Alternatively, take another step and explore every single note. It’s a learning aid as well as a quick reference. Use it to develop your ears for triads and their intervals.

Choose your preferred key and get started right now. Hear how the major chord sparkles. Go on, switch to the major seventh for something a little mellower. For an even more immersive experience, use the full screen option. When you’re good to go, the widget awaits. Have fun exploring the sounds of piano harmony.