toolbox/cooking-temps.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free Cooking Temperature Chart — Meat Doneness Guide</title>
  <meta name="description" content="Internal cooking temperatures for all meats. Beef, chicken, pork, fish. Doneness levels with colors. USDA safe temperatures. Free online meat temperature chart.">
  <link rel="canonical" href="https://www.quicktools.mom/cooking-temps.html">
  <meta property="og:title" content="Cooking Temperature Chart"><meta property="og:type" content="website"><meta property="og:url" content="https://www.quicktools.mom/cooking-temps.html"><meta name="twitter:card" content="summary">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What temperature is medium rare steak?","acceptedAnswer":{"@type":"Answer","text":"Medium rare beef is 130-135°F (54-57°C). The center should be warm and pink/red."}},{"@type":"Question","name":"What temperature should chicken be cooked to?","acceptedAnswer":{"@type":"Answer","text":"All chicken must reach an internal temperature of 165°F (74°C) to be safe. This kills harmful bacteria like salmonella."}}]}</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space</div>
    <div class="tool-header"><div class="tool-badge">🍳 Cooking</div><h1>Cooking Temperature Chart</h1><p>Internal temperatures for all meats and doneness levels. USDA safe temps.</p></div>
    <div class="tool-card">
      <div class="controls-row">
        <div class="control-group"><label>Unit</label><select id="unit" onchange="render()"><option value="both">°F / °C</option><option value="f">°F only</option><option value="c">°C only</option></select></div>
        <div class="control-group"><label>Filter</label><select id="filter" onchange="render()"><option value="all">All Meats</option><option value="beef">🥩 Beef</option><option value="chicken">🍗 Chicken</option><option value="pork">🥓 Pork</option><option value="fish">🐟 Fish</option><option value="lamb">🐑 Lamb</option></select></div>
      </div>
    </div>
    <div class="tool-card" id="chart"></div>
    <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About Cooking Temperature Chart</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);">This comprehensive cooking temperature reference covers USDA-recommended safe internal temperatures for all common proteins: beef, chicken, pork, fish, lamb, and turkey. For beef and lamb, it includes doneness levels from rare to well-done with color-coded visual indicators. All temperatures are shown in both Fahrenheit and Celsius. Safety warnings highlight minimum temperatures required to kill harmful bacteria. Perfect for home cooks, grill masters, new chefs learning food safety, and anyone using a meat thermometer. Bookmark this page for quick reference while cooking. Everything runs locally — no data collection. The color-coded doneness indicators provide a quick visual reference, while the safety warnings clearly mark USDA minimum temperatures that must be reached to prevent foodborne illness.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li><strong>Find your meat</strong> — Filter by type or browse all.</li>
        <li><strong>Choose doneness</strong> — Rare through well-done for beef/lamb.</li>
        <li><strong>Check the temperature</strong> — Use a meat thermometer.</li>
        <li><strong>Rest your meat</strong> — Temperature rises 5-10°F during resting.</li>
      </ol>
    </div>
    <div class="ad-zone">Ad Space</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="recipe-scaler.html"><span class="tool-icon">📋</span> Recipe Scaler</a><a href="unit-converter.html"><span class="tool-icon">📏</span> Units</a><a href="countdown-timer.html"><span class="tool-icon">⏲️</span> Timer</a><a href="macro-calculator.html"><span class="tool-icon">🥩</span> Macros</a></div></div>
    <div class="ad-zone ad-zone-bottom">Ad Space</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a></div></footer>
  </div>
  <script>
    const data=[
      {cat:'beef',icon:'🥩',name:'Beef Steak',items:[{d:'Rare',f:125,c:52,color:'#dc2626'},{d:'Medium Rare',f:135,c:57,color:'#ef4444'},{d:'Medium',f:145,c:63,color:'#f97316'},{d:'Medium Well',f:150,c:66,color:'#d97706'},{d:'Well Done',f:160,c:71,color:'#92400e'}]},
      {cat:'beef',icon:'🥩',name:'Ground Beef',items:[{d:'Safe (USDA)',f:160,c:71,color:'#ef4444',safe:true}]},
      {cat:'beef',icon:'🥩',name:'Beef Roast',items:[{d:'Medium Rare',f:135,c:57,color:'#ef4444'},{d:'Medium',f:145,c:63,color:'#f97316'},{d:'Well Done',f:160,c:71,color:'#92400e'}]},
      {cat:'chicken',icon:'🍗',name:'Chicken (all cuts)',items:[{d:'Safe (USDA)',f:165,c:74,color:'#ef4444',safe:true}]},
      {cat:'chicken',icon:'🍗',name:'Ground Chicken/Turkey',items:[{d:'Safe (USDA)',f:165,c:74,color:'#ef4444',safe:true}]},
      {cat:'pork',icon:'🥓',name:'Pork Chops/Tenderloin',items:[{d:'Medium (USDA)',f:145,c:63,color:'#f97316',safe:true},{d:'Well Done',f:160,c:71,color:'#92400e'}]},
      {cat:'pork',icon:'🥓',name:'Ground Pork',items:[{d:'Safe (USDA)',f:160,c:71,color:'#ef4444',safe:true}]},
      {cat:'pork',icon:'🥓',name:'Ham (precooked)',items:[{d:'Reheat to',f:140,c:60,color:'#f59e0b'}]},
      {cat:'fish',icon:'🐟',name:'Fish Fillets',items:[{d:'Safe (USDA)',f:145,c:63,color:'#f97316',safe:true}]},
      {cat:'fish',icon:'🐟',name:'Shrimp/Lobster',items:[{d:'Opaque & firm',f:145,c:63,color:'#f97316',safe:true}]},
      {cat:'lamb',icon:'🐑',name:'Lamb Chops/Rack',items:[{d:'Rare',f:125,c:52,color:'#dc2626'},{d:'Medium Rare',f:130,c:54,color:'#ef4444'},{d:'Medium',f:140,c:60,color:'#f97316'},{d:'Well Done',f:160,c:71,color:'#92400e'}]},
      {cat:'lamb',icon:'🐑',name:'Ground Lamb',items:[{d:'Safe (USDA)',f:160,c:71,color:'#ef4444',safe:true}]}
    ];
    function render(){const unit=document.getElementById('unit').value;const filter=document.getElementById('filter').value;
      const filtered=filter==='all'?data:data.filter(d=>d.cat===filter);
      document.getElementById('chart').innerHTML=filtered.map(m=>`<div style="margin-bottom:1.5rem;"><div style="font-weight:700;font-size:1rem;margin-bottom:0.5rem;">${m.icon} ${m.name}</div>${m.items.map(i=>{
        const temp=unit==='c'?i.c+'°C':unit==='f'?i.f+'°F':i.f+'°F / '+i.c+'°C';
        return`<div style="display:flex;align-items:center;gap:0.75rem;padding:8px;border-bottom:1px solid var(--border);${i.safe?'background:rgba(239,68,68,0.05);border-left:3px solid #ef4444;':''}"><div style="width:14px;height:14px;border-radius:50%;background:${i.color};flex-shrink:0;"></div><span style="flex:1;font-size:0.9rem;">${i.d}</span><span style="font-weight:700;font-size:0.9rem;font-variant-numeric:tabular-nums;">${temp}</span>${i.safe?'<span style="font-size:0.7rem;color:#ef4444;font-weight:600;">⚠️ MIN SAFE</span>':''}</div>`;}).join('')}</div>`).join('');
    }
    render();
  </script>
<script src="ads.js"></script>
</body>
</html>