Interactive Periodic Table

Explore Electron Energy Levels - Click on any element to learn more!

Color Elements By:

Information Level:

Welcome to the Interactive Periodic Table!

Click on any element to see its electron configuration and energy levels.

The colors represent the number of electron shells (energy levels) each element has.

Use the controls above to change how elements are colored and the level of detail shown.

Select an element to see its electron shell structure!

1 Shell (Period 1)

2 Shells (Period 2)

3 Shells (Period 3)

4 Shells (Period 4)

5 Shells (Period 5)

6 Shells (Period 6)

7 Shells (Period 7)

Click on elements to see detailed information about their electron configuration
Colors represent electron shells - each period (row) has the same number of shells
Use the dropdown menus to change how elements are colored and information level
Hover over elements to see them highlighted
The diagram shows electron shells as concentric circles around the nucleus