{"id":2215,"date":"2026-01-29T23:36:53","date_gmt":"2026-01-29T21:36:53","guid":{"rendered":"https:\/\/nature-o.net\/?page_id=2215"},"modified":"2026-02-02T17:28:19","modified_gmt":"2026-02-02T15:28:19","slug":"%d0%b4%d0%b0%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d0%bd%d0%b0-%d0%b3%d0%bb%d1%83%d0%b1%d0%b8%d0%bd%d0%b5-%d0%be%d0%ba%d0%b5%d0%b0%d0%bd%d0%b0","status":"publish","type":"page","link":"https:\/\/nature-o.net\/?page_id=2215","title":{"rendered":"Ocean Depth Pressure Calculator"},"content":{"rendered":"\n<div class=\"eco-tool wp-block-group\" id=\"eco-tool-depth-2a8c9\">\n  <div class=\"eco-tool__header\">\n    <h2 class=\"eco-tool__title\">Ocean Depth Pressure Calculator<\/h2>\n    <p class=\"eco-tool__lead\">\n      Estimate pressure at a given ocean depth. This is an educational approximation (pressure varies slightly with water density and temperature).\n    <\/p>\n  <\/div>\n\n  <form class=\"eco-tool__form\" id=\"eco-depth-form-2a8c9\" novalidate>\n    <div class=\"eco-tool__grid3\">\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"eco-depth-preset-2a8c9\">Choose a depth<br>(preset)<\/label>\n        <select class=\"eco-tool__input\" id=\"eco-depth-preset-2a8c9\">\n          <option value=\"custom\" selected>Custom depth<\/option>\n          <option value=\"10\">10 m (basic scuba)<\/option>\n          <option value=\"40\">40 m (advanced scuba)<\/option>\n          <option value=\"100\">100 m (deep diving)<\/option>\n          <option value=\"1000\">1,000 m (twilight zone)<\/option>\n          <option value=\"3800\">3,800 m (Titanic depth)<\/option>\n          <option value=\"10984\">10,984 m (Mariana Trench)<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">Pick a famous depth or enter your own.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"eco-depth-m-2a8c9\">Depth<br>(meters)<\/label>\n        <input class=\"eco-tool__input\" id=\"eco-depth-m-2a8c9\" type=\"number\" min=\"0\" step=\"1\" value=\"100\" inputmode=\"numeric\" \/>\n        <div class=\"eco-tool__hint\" id=\"eco-depth-hint-2a8c9\">Enter depth in meters.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"eco-depth-water-2a8c9\">Water type<br>(density)<\/label>\n        <select class=\"eco-tool__input\" id=\"eco-depth-water-2a8c9\">\n          <option value=\"sea\" selected>Seawater (typical)<\/option>\n          <option value=\"fresh\">Fresh water<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">Seawater is slightly denser.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"eco-depth-show-2a8c9\">Show pressure<br>as<\/label>\n        <select class=\"eco-tool__input\" id=\"eco-depth-show-2a8c9\">\n          <option value=\"atm\" selected>atm + bar<\/option>\n          <option value=\"kpa\">kPa + MPa<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">For science nerds: kPa\/MPa.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\" for=\"eco-depth-area-2a8c9\">Area for \u201cweight\u201d demo<br>(cm\u00b2)<\/label>\n        <select class=\"eco-tool__input\" id=\"eco-depth-area-2a8c9\">\n          <option value=\"1\" selected>1 cm\u00b2 (tiny)<\/option>\n          <option value=\"10\">10 cm\u00b2<\/option>\n          <option value=\"100\">100 cm\u00b2 (palm-sized)<\/option>\n        <\/select>\n        <div class=\"eco-tool__hint\">Helps visualize force\/pressure.<\/div>\n      <\/div>\n\n      <div class=\"eco-tool__field\">\n        <label class=\"eco-tool__label\">Quick presets<\/label>\n        <div class=\"eco-tool__presets\">\n          <button type=\"button\" class=\"eco-tool__chip\" data-set=\"scuba\">Scuba<\/button>\n          <button type=\"button\" class=\"eco-tool__chip\" data-set=\"titanic\">Titanic<\/button>\n          <button type=\"button\" class=\"eco-tool__chip\" data-set=\"mariana\">Mariana<\/button>\n        <\/div>\n        <div class=\"eco-tool__hint\">Loads depth + typical options.<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"eco-tool__actions\">\n      <button type=\"button\" class=\"wp-element-button eco-tool__btn\" id=\"eco-depth-calc-2a8c9\">Calculate<\/button>\n      <button type=\"button\" class=\"wp-element-button eco-tool__btn eco-tool__btn--ghost\" id=\"eco-depth-reset-2a8c9\">Reset<\/button>\n      <div class=\"eco-tool__error\" id=\"eco-depth-error-2a8c9\" aria-live=\"polite\"><\/div>\n    <\/div>\n  <\/form>\n\n  <div class=\"eco-tool__result\" id=\"eco-depth-result-2a8c9\" hidden>\n    <h3 class=\"eco-tool__subtitle\">Result<\/h3>\n\n    <div class=\"eco-tool__cards\">\n      <div class=\"eco-tool__card\">\n        <div class=\"eco-tool__metric-label\">Total pressure<\/div>\n        <div class=\"eco-tool__metric-value\" id=\"eco-depth-pressure-2a8c9\">\u2014<\/div>\n        <div class=\"eco-tool__metric-sub\" id=\"eco-depth-pressure-sub-2a8c9\"><\/div>\n      <\/div>\n\n      <div class=\"eco-tool__card\">\n        <div class=\"eco-tool__metric-label\">\u201cWeight\u201d on selected area<\/div>\n        <div class=\"eco-tool__metric-value\" id=\"eco-depth-weight-2a8c9\">\u2014<\/div>\n        <div class=\"eco-tool__metric-sub\" id=\"eco-depth-weight-sub-2a8c9\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"eco-tool__card eco-tool__card--wide\">\n      <div class=\"eco-tool__metric-label\">Quick explanation<\/div>\n      <div class=\"eco-tool__metric-sub\" id=\"eco-depth-explain-2a8c9\">\u2014<\/div>\n    <\/div>\n\n    <p class=\"eco-tool__note\">\n      Pressure increases roughly by ~1 atm every ~10 meters of depth, plus 1 atm at the surface.\n    <\/p>\n  <\/div>\n\n  <details class=\"eco-tool__details\">\n    <summary class=\"eco-tool__summary\">Formula<\/summary>\n    <div class=\"eco-tool__details-body\">\n      <p class=\"eco-tool__text\">\n        Total pressure \u2248 surface pressure + (density \u00d7 g \u00d7 depth). This tool uses typical densities and g \u2248 9.81 m\/s\u00b2.\n      <\/p>\n    <\/div>\n  <\/details>\n<\/div>\n\n<style>\n.eco-tool{ border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:16px; }\n.eco-tool__header{ margin-bottom:12px; }\n.eco-tool__title{ margin:0 0 8px; }\n.eco-tool__lead{ margin:0; opacity:.9; }\n\n.eco-tool__form{ margin-top:12px; }\n.eco-tool__grid3{ display:grid; grid-template-columns:1fr; gap:16px; }\n@media (min-width:860px){ .eco-tool__grid3{ grid-template-columns:1fr 1fr 1fr; } }\n\n.eco-tool__field{ display:flex; flex-direction:column; gap:6px; }\n.eco-tool__label{ font-weight:600; }\n.eco-tool__input{\n  width:100%; height:44px; padding:0 12px;\n  border:1px solid rgba(0,0,0,.20); border-radius:10px; background:#fff;\n  box-sizing:border-box; font:inherit;\n}\n.eco-tool select.eco-tool__input{\n  appearance:none; -webkit-appearance:none; line-height:44px; padding-right:40px;\n  background-image:\n    linear-gradient(45deg, transparent 50%, rgba(0,0,0,.60) 50%),\n    linear-gradient(135deg, rgba(0,0,0,.60) 50%, transparent 50%);\n  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;\n  background-size:6px 6px; background-repeat:no-repeat;\n}\n.eco-tool__hint{ font-size:.92em; opacity:.78; min-height:38px; }\n\n.eco-tool__presets{\n  display:flex; flex-wrap:wrap; gap:8px;\n  padding:10px 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px;\n  background: rgba(0,0,0,.02);\n}\n.eco-tool__chip{\n  border:1px solid rgba(0,0,0,.18);\n  background:transparent;\n  border-radius:999px;\n  padding:6px 10px;\n  cursor:pointer;\n  font:inherit;\n}\n.eco-tool__chip:hover, .eco-tool__chip:focus{\n  background:rgba(0,0,0,.06);\n  border-color:rgba(0,0,0,.30);\n}\n\n.eco-tool__actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:16px; }\n.eco-tool__btn{ padding:10px 22px; }\n.eco-tool__btn--ghost{ background:transparent !important; border:1px solid rgba(0,0,0,.20) !important; }\n.eco-tool__btn--ghost:hover, .eco-tool__btn--ghost:focus{\n  background:rgba(0,0,0,.06) !important; border-color:rgba(0,0,0,.35) !important;\n}\n.eco-tool__error{ min-height:1.2em; font-weight:600; flex:1 1 240px; }\n\n.eco-tool__result{ margin-top:16px; }\n.eco-tool__subtitle{ margin:0 0 10px; }\n\n.eco-tool__cards{ display:grid; gap:10px; grid-template-columns:1fr; }\n@media (min-width:860px){ .eco-tool__cards{ grid-template-columns:1fr 1fr; } }\n\n.eco-tool__card{ border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:12px; }\n.eco-tool__card--wide{ margin-top:10px; }\n\n.eco-tool__metric-label{ opacity:.85; font-weight:600; }\n.eco-tool__metric-value{ font-size:1.6em; font-weight:900; margin-top:6px; line-height:1.1; }\n.eco-tool__metric-sub{ opacity:.85; margin-top:6px; }\n\n.eco-tool__note{ margin:10px 0 0; opacity:.9; }\n.eco-tool__details{ margin-top:14px; }\n.eco-tool__summary{ cursor:pointer; font-weight:700; }\n.eco-tool__details-body{ margin-top:10px; }\n.eco-tool__text{ margin:0; }\n<\/style>\n\n<script>\n(function(){\n  const S = \"2a8c9\";\n  const el = (id) => document.getElementById(id + \"-\" + S);\n\n  const presetEl = el(\"eco-depth-preset\");\n  const depthEl = el(\"eco-depth-m\");\n  const hintEl = el(\"eco-depth-hint\");\n  const waterEl = el(\"eco-depth-water\");\n  const showEl = el(\"eco-depth-show\");\n  const areaEl = el(\"eco-depth-area\");\n\n  const calcBtn = el(\"eco-depth-calc\");\n  const resetBtn = el(\"eco-depth-reset\");\n  const errorEl = el(\"eco-depth-error\");\n\n  const resultEl = el(\"eco-depth-result\");\n  const pEl = el(\"eco-depth-pressure\");\n  const pSubEl = el(\"eco-depth-pressure-sub\");\n  const wEl = el(\"eco-depth-weight\");\n  const wSubEl = el(\"eco-depth-weight-sub\");\n  const exEl = el(\"eco-depth-explain\");\n\n  const chips = document.querySelectorAll('#eco-tool-depth-' + S + ' .eco-tool__chip');\n\n  \/\/ Constants\n  const g = 9.81;               \/\/ m\/s^2\n  const atmPa = 101325;         \/\/ Pa\n  const rhoSea = 1025;          \/\/ kg\/m^3 (typical)\n  const rhoFresh = 1000;\n\n  function setError(msg){ errorEl.textContent = msg || \"\"; }\n  function n(v){ return Number(v); }\n\n  function fmt1(x){\n    const v = Math.round(x * 10) \/ 10;\n    return v.toLocaleString(undefined, { minimumFractionDigits: 1, maximumFractionDigits: 1 });\n  }\n\n  function onPresetChange(){\n    const v = presetEl.value;\n    if (v === \"custom\"){\n      depthEl.disabled = false;\n      hintEl.textContent = \"Enter depth in meters.\";\n    } else {\n      depthEl.disabled = true;\n      depthEl.value = v;\n      hintEl.textContent = \"Preset loaded.\";\n    }\n  }\n\n  function loadChip(which){\n    if (which === \"scuba\"){\n      presetEl.value = \"10\";\n      onPresetChange();\n      waterEl.value = \"sea\";\n      showEl.value = \"atm\";\n      areaEl.value = \"10\";\n    } else if (which === \"titanic\"){\n      presetEl.value = \"3800\";\n      onPresetChange();\n      waterEl.value = \"sea\";\n      showEl.value = \"atm\";\n      areaEl.value = \"1\";\n    } else {\n      presetEl.value = \"10984\";\n      onPresetChange();\n      waterEl.value = \"sea\";\n      showEl.value = \"kpa\";\n      areaEl.value = \"1\";\n    }\n  }\n\n  function calculate(){\n    setError(\"\");\n\n    const depth = n(depthEl.value);\n    if (!Number.isFinite(depth) || depth < 0){\n      setError(\"Please enter a valid depth (0 or more).\");\n      resultEl.hidden = true;\n      return;\n    }\n\n    const rho = (waterEl.value === \"fresh\") ? rhoFresh : rhoSea;\n\n    \/\/ Hydrostatic pressure (gauge) and total absolute pressure\n    const pGauge = rho * g * depth;      \/\/ Pa\n    const pTotal = atmPa + pGauge;       \/\/ Pa\n\n    \/\/ Display units\n    const show = showEl.value;\n    if (show === \"atm\"){\n      const atm = pTotal \/ atmPa;\n      const bar = pTotal \/ 100000;\n      pEl.textContent = `${fmt1(atm)} atm`;\n      pSubEl.textContent = `\u2248 ${fmt1(bar)} bar total pressure (including ~1 atm at the surface).`;\n    } else {\n      const kPa = pTotal \/ 1000;\n      const MPa = pTotal \/ 1e6;\n      pEl.textContent = `${fmt1(kPa)} kPa`;\n      pSubEl.textContent = `\u2248 ${fmt1(MPa)} MPa total pressure.`;\n    }\n\n    \/\/ \u201cWeight\u201d demo: force on area A = pressure * area\n    const areaCm2 = n(areaEl.value);\n    const areaM2 = (areaCm2 * 1e-4); \/\/ 1 cm^2 = 1e-4 m^2\n    const forceN = pTotal * areaM2;  \/\/ Newtons\n    const kgf = forceN \/ g;          \/\/ equivalent kg under Earth's gravity\n\n    wEl.textContent = `${fmt1(kgf)} kg-equivalent`;\n    wSubEl.textContent = `On ${areaCm2} cm\u00b2 (pressure \u00d7 area).`;\n\n    \/\/ Explanation\n    const approxAtmRule = 1 + (depth \/ 10);\n    exEl.textContent =\n      `Rule of thumb: pressure increases by ~1 atm every ~10 meters. At ${depth.toLocaleString()} m, that\u2019s roughly ~${fmt1(approxAtmRule)} atm (rule-of-thumb).`;\n\n    resultEl.hidden = false;\n  }\n\n  function reset(){\n    setError(\"\");\n    presetEl.value = \"custom\";\n    depthEl.disabled = false;\n    depthEl.value = \"100\";\n    hintEl.textContent = \"Enter depth in meters.\";\n    waterEl.value = \"sea\";\n    showEl.value = \"atm\";\n    areaEl.value = \"1\";\n    resultEl.hidden = true;\n  }\n\n  presetEl.addEventListener(\"change\", onPresetChange);\n  calcBtn.addEventListener(\"click\", calculate);\n  resetBtn.addEventListener(\"click\", reset);\n\n  chips.forEach(btn => {\n    btn.addEventListener(\"click\", function(){\n      loadChip(this.getAttribute(\"data-set\"));\n    });\n  });\n\n  \/\/ init\n  onPresetChange();\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Ocean Depth Pressure Calculator Estimate pressure at a given ocean depth. This is an educational approximation (pressure varies slightly with water density and temperature). Choose a depth(preset) Custom depth10 m&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2432,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/2215"}],"collection":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2215"}],"version-history":[{"count":2,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/2215\/revisions"}],"predecessor-version":[{"id":2280,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/2215\/revisions\/2280"}],"up":[{"embeddable":true,"href":"https:\/\/nature-o.net\/index.php?rest_route=\/wp\/v2\/pages\/2432"}],"wp:attachment":[{"href":"https:\/\/nature-o.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}