By Tim King · Updated
Chord Player Online
Hear Chord Progressions and Build Diatonic Chords for Any Key
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Chord Player works
This chord player online needs no install or account. Type a chord progression as ordinary chord symbols, C Am F G or Dm7 G7 Cmaj7, and each chord appears as a pad you can click to hear. Press Play to loop the whole progression at the tempo and number of beats per chord you choose. Beneath the progression sit the seven chords that belong to the selected key, labelled with Roman numerals, so you can audition a ii–V–I or a vi–IV–I–V before you write it down. Everything is synthesised in the browser.
A chord progression is the harmonic skeleton of a song, and hearing it is the fastest way to know whether it works. Written down, C Am F G and C F Am G look almost the same; played, one sounds like a 1950s ballad and the other like a hymn. A chord player lets songwriters, students and teachers audition a progression before committing it to a guitar part, a lead sheet or a lesson, without needing to play an instrument well enough to hear past their own mistakes.
Why a handful of chords go such a long way
Most popular music uses the seven chords that belong to one key, and a surprising share uses just four of them. The I–V–vi–IV loop (C G Am F in C major) underpins hundreds of hits from "Let It Be" to "Someone Like You", a fact the comedy band Axis of Awesome turned into a famous medley. Rotate it to vi–IV–I–V and it sounds sadder without changing a single chord. Jazz leans on the ii–V–I (Dm7 G7 Cmaj7), which resolves so strongly that standards chain it through several keys. The 12-bar blues uses only I, IV and V. Understanding why these work, and hearing them side by side, is the core of practical harmony.
Writing chord symbols
Chords are written the way they appear on a lead sheet: a root letter, an optional sharp or flat, then a quality. A bare letter is a major triad, m is minor, dim and aug are diminished and augmented, sus2 and sus4 replace the third, and 7, maj7, m7, dim7, m7b5, 6, m6, 9, add9, maj9 and m9 add the extensions their names suggest. Flats are converted to their sharp equivalents, so Bb and A# play the same notes. Separate chords with spaces, commas or bar lines; anything the page does not recognise is listed in the readout rather than silently dropped. Every chord is voiced in root position starting in the third octave, which keeps the sound clear without pretending to be a pianist's voicing.
The chord player online pads and Roman numerals
Pick a key and a mode and the lower row shows the chords built on each scale degree. In a major key those are I, ii, iii, IV, V, vi and vii°: three major chords, three minor and one diminished. In natural minor the pattern rotates to i, ii°, III, iv, v, VI and VII. Uppercase numerals are major, lowercase minor, and the degree sign marks diminished. Musicians use numerals because they describe a progression independently of key: a I–IV–V in G is G C D, in E it is E A B, and a band can transpose on the spot by thinking in numbers. Clicking a pad plays it, and its name is the symbol to type into the progression box.
Where it is used
Songwriters sketch verses and choruses by trying progressions over a melody they are humming. Guitar and piano teachers use the pads to demonstrate how a key's chords relate before a student can play them cleanly. Worship bands and function bands check a chart in a new key before rehearsal. Music theory students hear the difference between a perfect cadence (V–I) and a plagal cadence (IV–I), the "Amen" ending. Producers audition a loop before building drums and bass under it with the drum machine.
Expert tips and pitfalls
Borrow a chord to add colour. In a major key, swapping IV for iv (F to Fm in C) gives the bittersweet lift heard at the end of countless ballads. Borrowed chords are outside the pads but type them into the progression and they play.
Watch the V in minor keys. Natural minor gives a minor v, which resolves weakly. Most music in minor keys raises it to a major V or V7 (E or E7 in A minor) for a stronger pull home. Try both.
Tempo changes the feel more than the chords. The same four chords at 70 BPM with four beats each sound like a ballad; at 140 with two beats they drive a pop chorus. Beats per chord sets the harmonic rhythm, how often the chord changes, which is a separate choice from the tempo.
Root position is a reference, not an arrangement. Real players use inversions so voices move by small steps. If a progression sounds jumpy here, it will smooth out when voiced properly.
How to read the result
Play schedules each chord on the audio clock for the beats you set, so four beats at 90 BPM gives 2.67 seconds per chord and a four-chord loop lasts just over ten seconds; the rail shows the loop length. The sounding pad is outlined as it plays. Changing the progression, key or tempo stops the loop so the new settings take effect on the next Play. Strummed spreads each chord's notes by a few hundredths of a second, like a hand on a keyboard; Together strikes them at once. The piano-like sound is a triangle wave with a moderate decay, the organ a stacked sine and the strings a slow detuned sawtooth pad for long chords at a low tempo. None are samples, so the page is small and works offline.
FAQ
Why is my chord marked as not recognised?
The parser accepts a limited set of qualities, listed above. Slash chords such as C/E, extensions past the ninth and symbols like Δ or ø are not understood; write Cmaj7 rather than CΔ7 and Bm7b5 rather than Bø. Lowercase root letters are fine.
Can I hear a chord in a different octave or inversion?
Not on this page; every chord is voiced from the root in the third octave. The online piano on this site lets you play any voicing by hand, and the music interval calculator names the intervals between any two notes.
Does it work on a phone?
Yes, the pads respond to touch and the progression box accepts typed symbols. Sound starts after the first tap because browsers only allow audio after an interaction.
How is the tempo related to the beats per chord?
Tempo is beats per minute and each chord lasts the number of beats you select, so at 120 BPM with two beats per chord every chord lasts one second. Setting one beat per chord gives a quick run through the progression to check its shape; four beats sounds like a bar each.
See also: all Audio tools, Images, Video & Screen, PDF, SVG, Simulations & Screensavers, Generative Art, Chart Makers, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.
Related tools
Music Interval Calculator
Interval name, semitones, cents and just ratio between any two notes.
Online Piano
Play piano keys with your computer keyboard, mouse or touch.
Note Frequency Calculator
Note to frequency and frequency to note, with cents offset and MIDI number.
Drum Machine
Click steps on a grid to build a drum beat and play it.
Chord Detector
Find the chords in any song from an audio file.