Test911

<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Реакции хлорида серебра AgCl</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: #f5f5f2;
color: #1a1a18;
padding: 32px 16px;
min-height: 100vh;
}
@media (prefers-color-scheme: dark) {
body { background: #1a1a18; color: #e2e0d6; }
.card { background: #242422; border-color: #3a3a38; }
th { background: #2e2e2c; color: #9c9a92; }
td { border-color: #2e2e2c; }
tr:hover td { background: #2a2a28; }
.note { border-color: #2e2e2c; }
.legend-wrap { border-color: #2e2e2c; }
}
.card {
max-width: 960px;
margin: 0 auto;
background: #fff;
border: 1px solid #dddbd2;
border-radius: 12px;
padding: 24px 28px;
}
h2 { font-size: 17px; font-weight: 500; margin-bottom: 4px; }
.sub { font-size: 12.5px; color: #6b6a64; margin-bottom: 16px; }
.legend-wrap { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #e8e6de; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; white-space: nowrap; }
.ovr { background: #FAEEDA; color: #633806; }
.obm { background: #E6F1FB; color: #042C53; }
.dez { background: #EEEDFE; color: #26215C; }
.kom { background: #EAF3DE; color: #173404; }
@media (prefers-color-scheme: dark) {
.ovr { background: #412402; color: #FAC775; }
.obm { background: #042C53; color: #B5D4F4; }
.dez { background: #26215C; color: #CECBF6; }
.kom { background: #173404; color: #C0DD97; }
}
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th {
background: #f5f3ee;
color: #6b6a64;
font-weight: 500;
font-size: 10.5px;
text-transform: uppercase;
letter-spacing: .05em;
padding: 8px 10px;
text-align: left;
border-bottom: 1.5px solid #dddbd2;
}
td {
padding: 10px 10px;
vertical-align: top;
border-bottom: 1px solid #eceae2;
line-height: 1.55;
}
tr:last-child td { border-bottom: none; }
tr:hover td { background: #faf9f5; }
.react {
font-family: 'SF Mono', 'Fira Mono', monospace;
font-size: 11.5px;
line-height: 1.65;
}
.product { color: #993C1D; font-weight: 500; }
@media (prefers-color-scheme: dark) { .product { color: #F09575; } }
.cond { font-size: 11px; color: #6b6a64; }
.sign { font-size: 11px; color: #6b6a64; margin-top: 5px; display: flex; flex-direction: column; gap: 3px; }
.sign span::before { content: "→ "; opacity: .45; }
.clr { font-weight: 500; }
.white { color: #888780; }
.black { color: #444441; }
@media (prefers-color-scheme: dark) {
.white { color: #D3D1C7; }
.black { color: #B4B2A9; }
}
.note {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid #eceae2;
font-size: 11px;
color: #6b6a64;
}
</style>
</head>
<body>
<div class="card">
<h2>Реакции хлорида серебра AgCl</h2>
<p class="sub">Белый творожистый осадок · нерастворим в воде и кислотах · растворяется в NH₃, Na₂S₂O₃, KCN</p>

<div class="legend-wrap">
<span class="badge ovr">ОВР</span>
<span class="badge obm">Обменная</span>
<span class="badge dez">Разложение</span>
<span class="badge kom">Комплексообразование</span>
</div>

<table>
<thead>
<tr>
<th style="width:13%">Реагент</th>
<th style="width:37%">Уравнение реакции</th>
<th style="width:10%">Условия</th>
<th style="width:11%">Тип</th>
<th>Признаки реакции</th>
</tr>
</thead>
<tbody>
<tr>
<td>AgNO₃<br><span class="cond">(получение)</span></td>
<td class="react">AgNO₃ + HCl →<br><span class="product">AgCl↓</span> + HNO₃</td>
<td class="cond">раствор</td>
<td><span class="badge obm">Обменная</span></td>
<td>
<div class="sign">
<span>мгновенно выпадает <span class="clr white">белый творожистый осадок</span> AgCl</span>
<span>качественная реакция на Cl⁻ и на Ag⁺</span>
<span>осадок не растворяется в HNO₃</span>
</div>
</td>
</tr>
<tr>
<td>NH₃·H₂O<br><span class="cond">(аммиак)</span></td>
<td class="react">AgCl + 2NH₃ →<br><span class="product">[Ag(NH₃)₂]Cl</span></td>
<td class="cond">раствор NH₃</td>
<td><span class="badge kom">Комплексообразование</span></td>
<td>
<div class="sign">
<span><span class="clr white">белый осадок растворяется</span> — раствор прозрачный</span>
<span>образуется диамминсеребро(I) — бесцветный комплекс</span>
<span>при подкислении осадок выпадает снова</span>
</div>
</td>
</tr>
<tr>
<td>Na₂S₂O₃<br><span class="cond">(тиосульфат)</span></td>
<td class="react">AgCl + 2Na₂S₂O₃ →<br><span class="product">Na₃[Ag(S₂O₃)₂]</span> + NaCl</td>
<td class="cond">раствор</td>
<td><span class="badge kom">Комплексообразование</span></td>
<td>
<div class="sign">
<span><span class="clr white">белый осадок растворяется</span> без остатка</span>
<span>основа фотографического закрепления («фиксаж»)</span>
</div>
</td>
</tr>
<tr>
<td>KCN<br><span class="cond">(цианид)</span></td>
<td class="react">AgCl + 2KCN →<br><span class="product">K[Ag(CN)₂]</span> + KCl</td>
<td class="cond">раствор</td>
<td><span class="badge kom">Комплексообразование</span></td>
<td>
<div class="sign">
<span><span class="clr white">осадок растворяется</span>, раствор прозрачный</span>
<span>дицианоаргентат — очень устойчивый комплекс</span>
<span>применяется в гальванике (серебрение)</span>
</div>
</td>
</tr>
<tr>
<td>Свет (hν)<br><span class="cond">(фотолиз)</span></td>
<td class="react">2AgCl →<br><span class="product">2Ag↓ + Cl₂↑</span></td>
<td class="cond">УФ / солнечный свет</td>
<td><span class="badge dez">Разложение</span></td>
<td>
<div class="sign">
<span><span class="clr white">белый осадок</span> темнеет → становится <span class="clr black">серо-чёрным</span> (коллоидное Ag)</span>
<span>выделяется Cl₂ (слабый запах хлора)</span>
<span>основа классической фотографии</span>
</div>
</td>
</tr>
<tr>
<td>Нагрев</td>
<td class="react">2AgCl →<br><span class="product">2Ag↓ + Cl₂↑</span></td>
<td class="cond">455 °C</td>
<td><span class="badge dez">Разложение</span></td>
<td>
<div class="sign">
<span>расплав (т. пл. 455 °C) разлагается при дальнейшем нагреве</span>
<span>остаётся <span class="clr black">серебристый металл</span> Ag</span>
<span>выделяется желтоватый газ Cl₂</span>
</div>
</td>
</tr>
<tr>
<td>Zn / Fe<br><span class="cond">(металл)</span></td>
<td class="react">2AgCl + Zn →<br><span class="product">2Ag↓</span> + ZnCl₂</td>
<td class="cond">раствор</td>
<td><span class="badge ovr">ОВР</span></td>
<td>
<div class="sign">
<span>на поверхности металла оседает <span class="clr black">серый налёт Ag</span></span>
<span>осадок AgCl растворяется по мере реакции</span>
<span>Zn (Fe) окисляется, Ag⁺ восстанавливается</span>
</div>
</td>
</tr>
<tr>
<td>Na₂S<br><span class="cond">(сульфид)</span></td>
<td class="react">2AgCl + Na₂S →<br><span class="product">Ag₂S↓</span> + 2NaCl</td>
<td class="cond">раствор</td>
<td><span class="badge obm">Обменная</span></td>
<td>
<div class="sign">
<span><span class="clr white">белый осадок</span> превращается в <span class="clr black">чёрный</span> Ag₂S</span>
<span>Ag₂S нерастворим даже в NH₃ — реакция необратима</span>
</div>
</td>
</tr>
<tr>
<td>NaOH<br><span class="cond">(щёлочь)</span></td>
<td class="react">2AgCl + 2NaOH →<br><span class="product">Ag₂O↓</span> + 2NaCl + H₂O</td>
<td class="cond">раствор</td>
<td><span class="badge obm">Обменная</span></td>
<td>
<div class="sign">
<span><span class="clr white">белый осадок</span> AgCl переходит в <span style="color:#3B6D11;font-weight:500">тёмно-коричневый</span> Ag₂O</span>
<span>AgOH нестабилен и сразу разлагается на Ag₂O + H₂O</span>
</div>
</td>
</tr>
</tbody>
</table>

<p class="note">
AgCl: <span class="clr white" style="font-weight:500">белый</span> творожистый осадок &nbsp;·&nbsp;
Ag: <span class="clr black" style="font-weight:500">серо-чёрный</span> металл &nbsp;·&nbsp;
Ag₂S: <span class="clr black" style="font-weight:500">чёрный</span> осадок &nbsp;·&nbsp;
Ag₂O: <span style="color:#3B6D11;font-weight:500">тёмно-коричневый</span> осадок
</p>
</div>
</body>

версия страницы: 1, Последняя правка: 23 Март 2026, 17:47 (107 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.