Skip to main content

Check out the new Fretboard Diagram Generator

I recently released a new fretboard diagram generator that makes it easy to generate fretboard images.  using a simple syntax, you can write "code" that will generate the fretboard for you. It allows for color coding, chords, and single notes.  Once you have created the fretboard, you can either save it to your computer to use anywhere you'd like, or you can copy it into blog posts, forums or other social media sites. 

Using code like the followinging:

show frets=3,4,5,6 string=1
show frets=3,4,5 string=2 color=red
show fret=3 string=6 color=#0F0 fill-color=sandybrown
show notes=10/1,10/2,9/3,9/4

will produce a fretboard image like this:

Each line represents a set of notes that you want to display and must start with "show".
The current available commands are: "fret", "frets", "string", "strings", "color", "note", "notes", "fill-color"
To add a single dot: show fret=3 string=6
To add a series of dots along a string: show frets=3,4,5,6,7 string=1
To create chords: show notes=10/1,10/2,9/3,9/4 Where the pattern is fret/string
To add a border color to any line use color=. Color can be any Hexadecimal color code (#F00, #00F,#FFDAB9), or also color names (red, blue, peachpuff)
If you specify a fill-color on any line fill-color= , the color option will be used for the border, and the fill-color will be used as fill. The same coloring options apply.

To use this tool, click on the "fretboard diagrams" menu item in the upper right, or visit the site: