HomeAcousticsNoise Colors Explained

🎛️ Noise Colors Explained

Interactive 3D frequency-spectrum visualizer where switching between white, pink, brown and blue noise lets users see and hear how each one's power distribution across frequencies differs.

Acoustics2DEasy60 FPS
noise-colors-explained-lab ↗ Open standalone

A 3D frequency-spectrum bar chart that lets you switch between white, pink, brown and blue noise to see — and hear — exactly how each one distributes its power across frequency.

🔬 What It Demonstrates

Each noise color follows a simple power law P(f) ∝ f^n. White noise is flat (n=0), pink falls off as 1/f, brown falls off faster as 1/f², and blue rises with frequency — the bar heights and the glowing spectrum curve trace that law live.

🎮 How to Use

Pick a noise color from the dropdown, then press Play sound to hear a synthesized loop of that exact spectrum. Adjust bar count, jitter speed and the log/linear frequency axis, and drag to orbit the chart.

💡 Did You Know?

Pink noise carries equal energy per octave, which closely matches how the human ear perceives loudness across frequency — that's why it's the standard reference signal for testing loudspeakers and room acoustics.

⚙ Under the hood

Interactive 3D frequency-spectrum visualizer where switching between white, pink, brown and blue noise lets users see and hear how each one's power distribution across frequencies differs.

noise-colorswhite-noisepink-noisesignal-processingsoundacoustics

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)