{"id":70004,"date":"2026-11-09T07:28:45","date_gmt":"2026-11-09T01:58:45","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/tools\/white-noise\/"},"modified":"2026-11-09T07:28:45","modified_gmt":"2026-11-09T01:58:45","slug":"white-noise","status":"publish","type":"page","link":"https:\/\/www.quickonlinetips.com\/archives\/tools\/white-noise\/","title":{"rendered":"White Noise Generator: Free White, Pink and Brown Noise"},"content":{"rendered":"<p>Play free <strong>white noise<\/strong>, pink noise or brown noise right in your browser, with a sleep timer that fades out gently. Use it to sleep, focus, study or cover up background sounds. There are no ads between tracks, nothing to download, and it keeps playing as long as you need.<\/p>\n<style>.qwn-snd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .qt-tool .qwn-snd button{font:inherit;border:2px solid #AEC3DB;background:#fff;border-radius:12px;padding:12px 6px;cursor:pointer;text-align:center;color:#1A202C} .qt-tool .qwn-snd button b{display:block;font-size:17px} .qt-tool .qwn-snd button span{display:block;font-size:12.5px;color:#4A5568;margin-top:3px} .qt-tool .qwn-snd button[aria-pressed=true]{border-color:#2B6CB0;background:#DBEAFE;box-shadow:0 0 0 2px #2B6CB0 inset} .qwn-play{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 0} .qwn-vis{height:70px;border-radius:12px;background:#0F172A;margin:14px 0 0;position:relative;overflow:hidden} .qwn-vis canvas{display:block;width:100%;height:100%} .qwn-left{text-align:center;font-size:18px;font-weight:700;color:#215387;margin:10px 0 0;min-height:1.4em;font-variant-numeric:tabular-nums} @media (max-width:600px){.qwn-snd{grid-template-columns:1fr 1fr}}<\/style>\n<div class=\"qt-tool\" id=\"qwn\"><p class=\"qt-label\" style=\"font-size:1.15em;margin:0 0 10px\"><strong>Step 1:<\/strong> Choose a sound<\/p><div class=\"qwn-snd\" id=\"qwn-snd\" role=\"group\" aria-label=\"Noise colour\"><button type=\"button\" class=\"qtx-nomark\" data-v=\"white\" aria-pressed=\"true\"><b>White noise<\/b><span>Even hiss, masks voices<\/span><\/button><button type=\"button\" class=\"qtx-nomark\" data-v=\"pink\" aria-pressed=\"false\"><b>Pink noise<\/b><span>Softer, like steady rain<\/span><\/button><button type=\"button\" class=\"qtx-nomark\" data-v=\"brown\" aria-pressed=\"false\"><b>Brown noise<\/b><span>Deep rumble, like a waterfall<\/span><\/button><button type=\"button\" class=\"qtx-nomark\" data-v=\"fan\" aria-pressed=\"false\"><b>Fan-like<\/b><span>Low, muffled whoosh<\/span><\/button><\/div><div class=\"qt-grid\"><div class=\"qt-field\"><label for=\"qwn-vol\">Volume<\/label><input type=\"range\" id=\"qwn-vol\" min=\"0\" max=\"100\" value=\"40\"><\/div><div class=\"qt-field\"><label for=\"qwn-tm\">Sleep timer (fades out)<\/label><select id=\"qwn-tm\"><option value=\"0\">Off (play until I stop it)<\/option><option value=\"15\">15 minutes<\/option><option value=\"30\">30 minutes<\/option><option value=\"45\">45 minutes<\/option><option value=\"60\" selected>1 hour<\/option><option value=\"90\">90 minutes<\/option><option value=\"120\">2 hours<\/option><option value=\"480\">8 hours<\/option><\/select><\/div><\/div><p class=\"qt-label\" style=\"font-size:1.15em;margin:18px 0 10px\"><strong>Step 2:<\/strong> Press Play<\/p><button type=\"button\" class=\"qt-btn qt-btn-big\" id=\"qwn-go\" style=\"width:100%\">Play white noise<\/button><div class=\"qwn-vis\" aria-hidden=\"true\"><canvas id=\"qwn-cv\" width=\"600\" height=\"70\"><\/canvas><\/div><p class=\"qwn-left\" id=\"qwn-left\" aria-live=\"polite\"><\/p><p class=\"qt-status\" id=\"qwn-status\" aria-live=\"polite\" style=\"text-align:center\"><\/p><p class=\"qt-note\"><strong>Private by design:<\/strong> the noise is made by your own browser, so there is nothing to download or stream. Nothing is sent to QuickOnlineTips or stored. Keep the volume low, especially for babies, and place the phone or speaker away from the cot.<\/p><\/div>\n<script>(function () { function qtReady(fn) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', fn); } else { fn(); } } qtReady(function () { var root = document.getElementById('qwn'); if (!root) { return; } function $(id) { return document.getElementById('qwn-' + id); } var ac = null, master = null, cur = null, an = null, kind = 'white', on = false, endAt = 0, tick = 0, raf = 0, bufs = {}, NAMES = { white: 'white noise', pink: 'pink noise', brown: 'brown noise', fan: 'fan-like noise' }; function make(k) { if (bufs[k]) { return bufs[k]; } var sr = ac.sampleRate, len = sr * 12, b = ac.createBuffer(2, len, sr), ch, i; for (ch = 0; 2 > ch; ch++) { var d = b.getChannelData(ch), b0 = 0, b1 = 0, b2 = 0, b3 = 0, b4 = 0, b5 = 0, b6 = 0, last = 0, peak = 0; for (i = 0; len > i; i++) { var w = Math.random() * 2 - 1, v; if (k === 'white') { v = w; } else if (k === 'pink') { b0 = 0.99886 * b0 + w * 0.0555179; b1 = 0.99332 * b1 + w * 0.0750759; b2 = 0.969 * b2 + w * 0.153852; b3 = 0.8665 * b3 + w * 0.3104856; b4 = 0.55 * b4 + w * 0.5329522; b5 = -0.7616 * b5 - w * 0.016898; v = b0 + b1 + b2 + b3 + b4 + b5 + b6 + w * 0.5362; b6 = w * 0.115926; } else { last = (last + 0.02 * w) \/ 1.02; v = last; } d[i] = v; if (Math.abs(v) > peak) { peak = Math.abs(v); } } var g = peak ? 0.9 \/ peak : 1, fade = Math.floor(sr * 0.5); for (i = 0; len > i; i++) { d[i] *= g; } for (i = 0; fade > i; i++) { var x = i \/ fade; d[len - fade + i] = d[len - fade + i] * (1 - x) + d[i] * x; } } bufs[k] = b; return b; } function ensure() { var C = window.AudioContext || window.webkitAudioContext; if (!C) { return false; } if (!ac) { ac = new C(); master = ac.createGain(); an = ac.createAnalyser(); an.fftSize = 1024; master.connect(an); an.connect(ac.destination); } if (ac.state === 'suspended') { ac.resume(); } return true; } function vol() { var v = Number($('vol').value) \/ 100; return v * v; } function voice(k) { var s = ac.createBufferSource(), g = ac.createGain(), out = g; s.buffer = make(k === 'fan' ? 'brown' : k); s.loop = true; s.loopStart = 0.5; s.loopEnd = s.buffer.duration; if (k === 'fan') { var f = ac.createBiquadFilter(); f.type = 'lowpass'; f.frequency.value = 420; f.Q.value = 0.6; s.connect(f); f.connect(g); } else { s.connect(g); } g.gain.value = 0; out.connect(master); s.start(); return { s: s, g: g }; } function swap(k) { var t = ac.currentTime, old = cur; cur = voice(k); cur.g.gain.setValueAtTime(0, t); cur.g.gain.linearRampToValueAtTime(k === 'white' ? 0.55 : 1, t + 0.6); if (old) { old.g.gain.setValueAtTime(old.g.gain.value, t); old.g.gain.linearRampToValueAtTime(0, t + 0.6); old.s.stop(t + 0.7); } } function label() { $('go').textContent = (on ? 'Stop ' : 'Play ') + NAMES[kind]; } function fmt(s) { var h = Math.floor(s \/ 3600), m = Math.floor(s \/ 60) % 60, x = s % 60; return (h ? h + ':' + (m > 9 ? m : '0' + m) : m) + ':' + (x > 9 ? x : '0' + x); } function timer() { if (!on) { return; } if (!endAt) { $('left').textContent = 'Playing. No sleep timer.'; return; } var left = Math.max(0, Math.round((endAt - Date.now()) \/ 1000)); $('left').textContent = 'Fades out in ' + fmt(left); if (60 >= left) { master.gain.setTargetAtTime(vol() * left \/ 60, ac.currentTime, 0.5); } if (0 >= left) { stop('Sleep timer finished. Sweet dreams.'); } } function setEnd() { var m = Number($('tm').value); endAt = m ? Date.now() + m * 60000 : 0; } function draw() { if (!on) { return; } raf = requestAnimationFrame(draw); var cv = $('cv'), c = cv.getContext('2d'), w = cv.width, h = cv.height, d = new Uint8Array(an.frequencyBinCount), i, n = 60; an.getByteFrequencyData(d); c.clearRect(0, 0, w, h); c.fillStyle = '#38BDF8'; for (i = 0; n > i; i++) { var v = d[Math.floor(Math.pow(i \/ n, 2) * d.length * 0.6)] \/ 255, bh = Math.max(2, v * h); c.fillRect(i * (w \/ n) + 1, h - bh, w \/ n - 2, bh); } } function play() { if (!ensure()) { $('status').textContent = 'Your browser cannot play sound from web pages.'; return; } master.gain.cancelScheduledValues(ac.currentTime); master.gain.setValueAtTime(vol(), ac.currentTime); swap(kind); on = true; setEnd(); label(); $('status').textContent = 'If you hear nothing, check your phone is not on silent and turn up the volume.'; clearInterval(tick); tick = setInterval(timer, 1000); timer(); draw(); } function stop(msg) { on = false; clearInterval(tick); cancelAnimationFrame(raf); if (cur) { var t = ac.currentTime; cur.g.gain.setValueAtTime(cur.g.gain.value, t); cur.g.gain.linearRampToValueAtTime(0, t + 0.4); cur.s.stop(t + 0.5); cur = null; } label(); $('left').textContent = ''; $('status').textContent = msg || 'Stopped.'; var cv = $('cv'); cv.getContext('2d').clearRect(0, 0, cv.width, cv.height); } $('go').addEventListener('click', function () { if (on) { stop(); } else { play(); } }); Array.prototype.forEach.call($('snd').getElementsByTagName('button'), function (b) { b.addEventListener('click', function () { kind = b.getAttribute('data-v'); Array.prototype.forEach.call($('snd').getElementsByTagName('button'), function (x) { x.setAttribute('aria-pressed', x === b ? 'true' : 'false'); }); label(); if (on) { swap(kind); } }); }); $('vol').addEventListener('input', function () { if (on) { master.gain.setTargetAtTime(vol(), ac.currentTime, 0.05); } }); $('tm').addEventListener('change', function () { if (on) { setEnd(); master.gain.setTargetAtTime(vol(), ac.currentTime, 0.2); timer(); } }); label(); }); })();<\/script>\n<div class=\"qt-next\"><p class=\"qt-next-h\">Try another free tool<\/p><div class=\"qt-next-g\"><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/sleep-calculator\/\">Sleep Calculator<\/a><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/pomodoro-timer\/\">Pomodoro Timer<\/a><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/online-timer\/\">Online Timer<\/a><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/metronome\/\">Metronome<\/a><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/guitar-tuner\/\">Guitar Tuner<\/a><a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/online-notepad\/\">Online Notepad<\/a><\/div><\/div>\n<p><strong>Quick answer:<\/strong> Choose white, pink, brown or fan-like noise, set the volume and an optional sleep timer, then press <strong>Play<\/strong>. You can switch sounds while it plays, and it fades out smoothly when the timer ends.<\/p>\n<h2>White, pink and brown noise: what is the difference?<\/h2>\n<table class=\"qt-ref\">\n<thead>\n<tr>\n<th>Sound<\/th>\n<th>What it is<\/th>\n<th>Sounds like<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>White noise<\/td>\n<td>Equal energy at every frequency<\/td>\n<td>Bright hiss, like a radio between stations<\/td>\n<\/tr>\n<tr>\n<td>Pink noise<\/td>\n<td>Energy falls as pitch rises, equal per octave<\/td>\n<td>Softer, like steady rain<\/td>\n<\/tr>\n<tr>\n<td>Brown noise<\/td>\n<td>Energy falls faster, mostly low sounds<\/td>\n<td>Deep rumble, like a waterfall or strong wind<\/td>\n<\/tr>\n<tr>\n<td>Fan-like<\/td>\n<td>Brown noise with the highs filtered out<\/td>\n<td>Muffled whoosh, like a fan in the next room<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Many people find pink or brown noise more comfortable for long listening, because it has less of the high hiss that white noise has. Try each one for a minute and keep the one you like.<\/p>\n<h2>How to use the white noise generator<\/h2>\n<ol>\n<li>Pick a sound and set the volume low to start. You can raise it while it plays.<\/li>\n<li>Choose a sleep timer, or Off to play until you stop it.<\/li>\n<li>Press <strong>Play<\/strong>. Keep the screen on if your phone stops sound in the background.<\/li>\n<\/ol>\n<h2>Tips<\/h2>\n<ul>\n<li>For sleep, use the lowest volume that covers the noises that bother you.<\/li>\n<li>For focus, pair it with the <a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/pomodoro-timer\/\">Pomodoro timer<\/a>.<\/li>\n<li>Work out the best time to go to bed with the <a href=\"https:\/\/www.quickonlinetips.com\/archives\/tools\/sleep-calculator\/\">sleep calculator<\/a>.<\/li>\n<li>For babies, keep the volume low and the phone or speaker away from the cot.<\/li>\n<\/ul>\n<h2>FAQ<\/h2>\n<h3>Does it keep playing with the screen off?<\/h3>\n<p>On most computers, yes. Some phones pause web audio when the screen locks, so keep the screen on (dimmed) or plug the phone in overnight.<\/p>\n<h3>Is there a loop or gap?<\/h3>\n<p>No. The noise is generated in your browser and blended at the loop point, so there is no click or pause.<\/p>\n<h3>Does it use mobile data?<\/h3>\n<p>Only to load the page. The sound itself is made on your device, so playing it for hours uses no data.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Play free white noise, pink noise or brown noise right in your browser, with a sleep timer that fades out gently. Use it to sleep, focus, study or cover up background sounds. There are no ads between tracks, nothing to download, and it keeps playing as long as you need. Quick answer: Choose white, pink,&#8230;<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":65595,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-70004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/pages\/70004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=70004"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/pages\/70004\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/pages\/65595"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=70004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}