Play audio with real-time frequency spectrum bars, circles, and particle visualizations.
This tool plays an audio file you load in the browser and continuously redraws its frequency spectrum as bars, a circular arrangement, or particles, updating many times per second in sync with playback. Each render mode reads the same underlying frequency-energy data and just maps it differently to shape, position, or size. What trips people up: bar or particle height tracks signal energy per frequency band, not musical pitch or instrument identity, so a single band's height can't tell you which instrument is contributing to it - a hi-hat and a synth pad that briefly share energy in the same band both drive that band's height even though the rest of the spectrum usually looks different between them. Quiet passages produce low bars and loud ones produce high bars, but heavy compression - which narrows dynamic range without necessarily lowering overall level - tends to keep the display consistently high with less contrast between sections rather than making it barely move.
While the file plays, the tool repeatedly analyzes short slices of the audio signal and splits each slice into a series of frequency bands from low to high, producing one energy value per band. That set of values is recomputed on every animation frame, which is what makes the bars, circle, or particles appear to pulse in time with the track.
Bars, circular, and particle modes all consume the identical per-frame band-energy values; only the drawing changes. Bars lay bands left to right, the circular mode arranges them around a radius, and particles use band energy to drive size, motion, or opacity. Switching modes changes appearance only, not what's being measured.
No. It's built for a moving visual, not for precise readings - each bar or particle groups a range of frequencies together, so the exact peak frequency isn't something you can reliably read off the display. For that, use a dedicated tuner or spectrum analyzer designed for measurement.
No. Playback and the frequency analysis both happen locally in your browser after you load the file - nothing is sent to a server, so it also works with private or unreleased tracks.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.