The black keys are in the wrong place! The black keys within a group are supposed to be spaced farther apart, and there should be less space between groups.

For example, C# and D#, in the diagram, are too close to each other. C# should be farther left, and D# should be farther right.

A superior method for working with scales it's simply learning the theory behind them.

For instance if you learn that a harmonic minor scale is made of 1 2 3b 4 5 6b 7 you can find the notes of that scale in any key very quickly, for instance Bb harmonic minor would be Bb C Db Eb F Gb A

However this requires that you understand what are 1, 2, 3b 4, 4#, etc, and have enough practice in translating it to notes to do it quickly.

Also if you learn this, then finding the chords that can be derived from any scale becomes super easy.

Now I understand that this a hustle for many people because of the initial effort that requires before is actually usable, and it's more easy to use tools such as the one presented, I just wanted you to know that there is something better albeit harder.

I've always been a melodic instrument player and have never had formal theory training - I'm trying to play the piano and I can't figure out how to harmonize (is this the right term?) a melody, this is, how to find or decide which chords go naturally with a specific melodic line. I know there are many alternatives and that the music sheets usually have the matching chords.

I want to write my own and I struggle to find proper chords to melodic lines. Can anyone recommend resources to learn this (and tell me if harmonization is the proper term)?

You might want to double check the fingerings, for example[0] the F major scale has Bb played with 4th finger, because it would be impossible with the 1st.

[0] https://en.piano-fingering.org/flat-keys/1-flat-f-major/f-ma...

First thing I clicked on was C minor... which showed me "C minor scale". Problem is.. Is that a thing? I've not heard of "the C minor scale". I don't think it's a thing. (Jazz pianist here) In classical piano as a kid I was taught 2 minor scales - melodic (different going up to coming down) and harmonic. Your "minor scale" corresponds to the melodic minor descending, aka Aeolian mode. (i.e. white piano notes from A up to A)

[googles it] On the "minor scale" wiki page they mention those three scales - "In music theory, the term minor scale refers to three scale patterns". There is no one "minor scale", that I'm aware of. Well, maybe you were taught that way, I don't know. Dorian mode (i.e. white piano notes from D up to D) is another commonly used minor scale; there are others.


This is amazing. Beautiful design (both in light and dark mode) and very educational regarding music theory. And a lot to it (if you click beyond the linked page).
Wow, what a wonderful site, I wish I'd had this when I was trying to learn those cursed Czerny scales.

The site is remarkably comprehensive - circle of fifths and everything needed to both practice and understand the theory. Moreover, the site has a quirky design that's both cleaver and cute.

Top marks.

Really great resource! I've been using chordhouse for years, but this is soooo much better! Good work!
Very cool - I think a nice addition would be to add some common chord progressions, e.g. https://takelessons.com/blog/piano-chord-progressions-z06 as an option at in each scale section. Would help people learning to do transpositions if you persist that option - also an option to invert the chords.
Awesome, I love the design and what a helpful resource. Also the first scale I randomly picked matched perfectly with the song I had playing on my phone. Lol
I play the guitar and I've been relying on guitarscale.org for the same information. But this site has a much better UX! Thanks for making this!
Nifty. The mouseup for the buttons should be placed on the body at the time the mousedown is triggered, because right now if you drag outside the button to highlight a set of keys and release the mouse on the background, the keys stay lit and only light/unlight when other buttons are clicked. (Alternative would be, at least, clear all the key highlights when any button is clicked).
What javascript apis they use to create sites like that? To play instrument notes at different pitches, and to play notes simultaneously?
This looks really nice. Here's something I wrote when I starting learning music theory. It ended up sort of cluttered; I like yours better. But please feel free to take any ideas from it that you think might be useful.


I think this makes a simple topic needlessly complex. Only the mnemonic "Father Charles Goes Down And Ends Battle" might be worth memorizing, and the rest follows easily. Even that can be replaced by "just go up by fifths starting with F".
This is so cool! It finally helps explain all those weird piano keys when playing music notes; Like diminished. Melody on right hand, But left hand - shows c7dim Or something. If you are not a music major, this helps, so much!
Suggestion: show chords commonly borrowed from the relative scale.
I’ve been working on an IDE for music composition https://ngrid.io.

Launching soon.