Key Signature Chart
All 15 keys · treble & bass clef · major & relative minor · hear the scale, chord & each note
How to play
- Tap a key to draw its signature on the staff and hear its scale. Switch Treble/Bass clef and Major/Minor — every signature is shared by a major key and its relative minor.
- Sharps are always added in the order F♯ C♯ G♯ D♯ A♯ E♯ B♯; flats in the reverse order B♭ E♭ A♭ D♭ G♭ C♭ F♭. Each accidental sits on a fixed line or space (shown correctly for both clefs).
- The scale notes appear as chips with their degree numbers — tap any note to hear it, or use Play scale / Play chord (the tonic triad).
- To name a sharp key: the last sharp is one step below the tonic. For flat keys, the second‑to‑last flat is the tonic. Three keys have enharmonic twins (B=C♭, F♯=G♭, C♯=D♭). Vol sets volume.
- Keyboard — Tab to any key, clef, mode, note or control, Enter/Space to activate.
In this way, you are able to explore entire range of available keys (15) in the bass and treble clefs. The idea is that you’ll be able to hear what each key sounds like.
You can click through keys using controls or use your keyboard to move from one key to another. To start, choose a key from the rows of buttons above. These is divided into flat keys (lower row) and sharp keys (upper row). Once you click on one of the buttons it will highlight the key chosen and update staff diagram below. The appropriate number of flats or sharps appear in the right place on the staff lines and spaces. Depending on the clef you have selected the display will then change to reflect where those accidentals should of be placed.
How to Use This Tool
The Clef buttons offers a change from Bass view to Treble. This not only changes the symbol at the start of the staff but also moves the position of accidentals. This is a handy option if you want to learn about key signatures in both registers and keep your place on stave.
Mode toggles between Natural Minor and Major. Each key signature have a pair of tonal centers, and with this button, you can discover relative minor of whichever major key you choose.
There’s also a staff section that shows you where accidentals is placed visually. The scale notes appears as individual chips below the staff, numbered by degree. To listen to just one note by itself, simply click on corresponding note chip. There is also a Play Scale button, which plays through each of the eight notes in sequence starting at the bottom and going up. That way, you can instantly hear key center and how the intervals is arranged within it. To listen to what’s going on harmonically, hit the Play Chord button. This will play tonic triad of the chosen key.
The volume slider is to the right of playback controls and adjusts the overall volume. Keep in mind that because of browser security settings, nothing will start playing until you interact with it. Just tap on any key or hit one of buttons and sound engine kicks in.
If you’d rather avoid mouse, keyboard also serves as an effective method of navigation. Simply tab to your desired element, such as the playback controls, clef switches or key button, then hit Space or Enter to select that item. You don’t have to hunt around for things to click on; instead, you can try out various keys quick. As you make your choices, the interface instanty reacts to your inputs, letting you chain them together fluently.
At the bottom is a mnemonic helper for those who want to learn order of sharps and flats. The mnemonic helper near the bottom displays a memory aid that corresponds to current key signature. Where two keys appear to be the same, there will be details of their enharmonic equivalent. These are displayed in real time as your selection change ensuring you always have relevant context.
A help button opens out into a panel containing some quick reference notes explaining the operation of tool.
Another experiment is to try out major key, then relative minor. Use mode toggle so you have same key signature but listen to the change in mood. You will see that accidentals remains identical, but starting note changes. Another comparison could be between closely related keys such as sharps and flats so you can begin to grasp difference in enharmonic spelling. These does more than just identify notes; they also improve your knowlege of theory.
When clicking quickly on successive keys, the widget remains responsive. It’s designed to respond immediately with no lag time or missed note. As a daily drill, it helps solidify not only your ear but also your eye by strengthening pattern recognition visually. Hearing plus seeing signature strengthens that mental link more different than just hearing alone. This double feedback loop allows beginners and seasoned player alike to learn faster.
You do not need to install anything; simply open your browser, go straight into the app, and start working. Adjust mode and clef until you’re feeling the flow and then just dive right in. It’s meant to be easy to use, intuitive enough that you can spend more time playing than trying to understand how things work. Jump right in and explore the keys that give you trouble.