worldwide open-source software

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== Таблица HTML цветов ======
<html>
<body>
	<section>

								<div class="view_anchor">

						<h2 id="link-osnovnye-cveta">
								Основные цвета								

							</a>
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #000; color: #fff;">
			<td>Черный</td>
			<td class="pre">Black</td>
			<td class="pre">#000000</td>
			<td class="pre">rgb(0,0,0)</td>
		</tr>
		<tr style="background: #808080; color: #fff;">
			<td>Серый</td>
			<td class="pre">Gray</td>
			<td class="pre">#808080</td>
			<td class="pre">rgb(128,128,128)</td>
		</tr>
		<tr style="background: #c0c0c0; color: #404040;">
			<td>Серебряный</td>
			<td class="pre">Silver</td>
			<td class="pre">#c0c0c0</td>
			<td class="pre">rgb(192,192,192)</td>
		</tr>
		<tr style="background: #fff; color: #808080;">
			<td>Белый</td>
			<td class="pre">White</td>
			<td class="pre">#ffffff</td>
			<td class="pre">rgb(255,255,255)</td>
		</tr>
		<tr style="background: #ff00ff; color: #000000;">
			<td>Фуксия, Маджента</td>
			<td class="pre">Fuchsia,Magenta</td>
			<td class="pre">#ff00ff</td>
			<td class="pre">rgb(255,0,255)</td>
		</tr>
		<tr style="background: #800080; color: #ff80ff;">
			<td>Пурпурный</td>
			<td class="pre">Purple</td>
			<td class="pre">#800080</td>
			<td class="pre">rgb(128,0,128)</td>
		</tr>
		<tr style="background: #ff0000; color: #000;">
			<td>Красный</td>
			<td class="pre">Red</td>
			<td class="pre">#ff0000</td>
			<td class="pre">rgb(255,0,0)</td>
		</tr>
		<tr style="background: #800000; color: #ff8080;">
			<td>Коричнево-малиновый</td>
			<td class="pre">Maroon</td>
			<td class="pre">#800000</td>
			<td class="pre">rgb(128,0,0)</td>
		</tr>
		<tr style="background: #ffff00; color: #808000;">
			<td>Жёлтый</td>
			<td class="pre">Yellow</td>
			<td class="pre">#ffff00</td>
			<td class="pre">rgb(205,92,92)</td>
		</tr>
		<tr style="background: #808000; color: #ffff00;">
			<td>Оливковый</td>
			<td class="pre">Olive</td>
			<td class="pre">#808000</td>
			<td class="pre">rgb(240,128,128)</td>
		</tr>
		<tr style="background: #00ff00; color: #008000;">
			<td>Лайм</td>
			<td class="pre">Lime</td>
			<td class="pre">#00ff00</td>
			<td class="pre">rgb(250,128,114)</td>
		</tr>
		<tr style="background: #008000; color: #00ff00;">
			<td>Зелёный</td>
			<td class="pre">Green</td>
			<td class="pre">#008000</td>
			<td class="pre">rgb(233,150,122)</td>
		</tr>
		<tr style="background: #00ffff; color: #008080;">
			<td>Цвет морской волны</td>
			<td class="pre">Aqua</td>
			<td class="pre">#00ffff</td>
			<td class="pre">rgb(205,92,92)</td>
		</tr>
		<tr style="background: #008080; color: #00ffff;">
			<td>Окраски птицы чирок</td>
			<td class="pre">Teal</td>
			<td class="pre">#008080</td>
			<td class="pre">rgb(240,128,128)</td>
		</tr>
		<tr style="background: #0000ff; color: #8080ff;">
			<td>Синий</td>
			<td class="pre">Blue</td>
			<td class="pre">#0000ff</td>
			<td class="pre">rgb(250,128,114)</td>
		</tr>
		<tr style="background: #000080; color: #8080ff;">
			<td>Форма морских офицеров</td>
			<td class="pre">Navy</td>
			<td class="pre">#000080</td>
			<td class="pre">rgb(233,150,122)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">
						<h2 id="link-serye-tona">

								Серые тона	
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #f5f5f5; color: ##757575;">
			<td>Дымчато-белый</td>
			<td class="pre">WhiteSmoke</td>
			<td class="pre">#f5f5f5</td>
			<td class="pre">rgb(245,245,245)</td>
		</tr>
		<tr style="background: #dcdcdc; color: #5c5c5c;">
			<td>Гейнсборо</td>
			<td class="pre">Gainsboro</td>
			<td class="pre">#dcdcdc</td>
			<td class="pre">rgb(220,220,220)</td>
		</tr>
		<tr style="background: #d3d3d3; color: #545454;">
			<td>Светло серый</td>
			<td class="pre">LightGrey</td>
			<td class="pre">#d3d3d3</td>
			<td class="pre">rgb(211,211,211)</td>
		</tr>
		<tr style="background: #c0c0c0; color: #404040;">
			<td>Серебряный</td>
			<td class="pre">Silver</td>
			<td class="pre">#c0c0c0</td>
			<td class="pre">rgb(192,192,192)</td>
		</tr>
		<tr style="background: #a9a9a9; color: #292929;">
			<td>Темно серый</td>
			<td class="pre">DarkGray</td>
			<td class="pre">#a9a9a9</td>
			<td class="pre">rgb(169,169,169)</td>
		</tr>
		<tr style="background: #808080; color: #e8e8e8;">
			<td>Серый</td>
			<td class="pre">Gray</td>
			<td class="pre">#808080</td>
			<td class="pre">rgb(128,128,128)</td>
		</tr>
		<tr style="background: #696969; color: #e8e8e8;">
			<td>Тусклый серый</td>
			<td class="pre">DimGray</td>
			<td class="pre">#696969</td>
			<td class="pre">rgb(105,105,105)</td>
		</tr>
		<tr style="background: #778899; color: #14171a;">
			<td>Светлый аспидно-серый</td>
			<td class="pre">LightSlateGray</td>
			<td class="pre">#778899</td>
			<td class="pre">rgb(119,136,153)</td>
		</tr>
		<tr style="background: #708090; color: #0c0e0f;">
			<td>Серый шифер</td>
			<td class="pre">SlateGray</td>
			<td class="pre">#708090</td>
			<td class="pre">rgb(112,128,144)</td>
		</tr>
		<tr style="background: #2f4f4f; color: #e8e8e8;">
			<td>Аспидно-серый</td>
			<td class="pre">DarkSlateGray</td>
			<td class="pre">#2f4f4f</td>
			<td class="pre">rgb(47,79,79)</td>
		</tr>
		<tr style="background: #000000; color: #808080;">
			<td>Чёрный</td>
			<td class="pre">Black</td>
			<td class="pre">#000000</td>
			<td class="pre">rgb(0,0,0)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-krasnye-tona">
								Красные тона		
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #f08080; color: #703b3b;">
			<td>Светло-коралловый</td>
			<td class="pre">LightCoral</td>
			<td class="pre">#f08080</td>
			<td class="pre">rgb(240,128,128)</td>
		</tr>
		<tr style="background: #fa8072; color: #7a3f38;">
			<td>Лососевый</td>
			<td class="pre">Salmon</td>
			<td class="pre">#fa8072</td>
			<td class="pre">rgb(250,128,114)</td>
		</tr>
		<tr style="background: #E9967A; color: #694336;">
			<td>Тёмно-лососёвый</td>
			<td class="pre">DarkSalmon</td>
			<td class="pre">#e9967a</td>
			<td class="pre">rgb(233,150,122)</td>
		</tr>
		<tr style="background: #ffa07a; color: #694336;">
			<td>Светло-лососёвый</td>
			<td class="pre">LightSalmon</td>
			<td class="pre">#ffa07a</td>
			<td class="pre">rgb(255,160,122)</td>
		</tr>
		<tr style="background: #dc143c; color: #000000;">
			<td>Малиновый</td>
			<td class="pre">Crimson</td>
			<td class="pre">#dc143c</td>
			<td class="pre">rgb(220,20,60)</td>
		</tr>
		<tr style="background: #ff0000; color: #000000;">
			<td>Красный</td>
			<td class="pre">Red</td>
			<td class="pre">#ff0000</td>
			<td class="pre">rgb(255,0,0)</td>
		</tr>
		<tr style="background: #cd5c5c; color: #4d2222;">
			<td>Индийский красный</td>
			<td class="pre">IndianRed</td>
			<td class="pre">#cd5c5c</td>
			<td class="pre">rgb(205,92,92)</td>
		</tr>
		<tr style="background: #b22222; color: #000000;">
			<td>Кирпичный</td>
			<td class="pre">FireBrick</td>
			<td class="pre">#b22222</td>
			<td class="pre">rgb(178,34,34)</td>
		</tr>
		<tr style="background: #a52a2a; color: #000000;">
			<td>Коричнево-бордовый</td>
			<td class="pre">Brown</td>
			<td class="pre">#a52a2a</td>
			<td class="pre">rgb(165,42,42)</td>
		</tr>
		<tr style="background: #8b0000; color: #ff8080;">
			<td>Тёмно-красный</td>
			<td class="pre">DarkRed</td>
			<td class="pre">#8b0000</td>
			<td class="pre">rgb(139,0,0)</td>
		</tr>
		<tr style="background: #800000; color: #ff8080;">
			<td>Коричнево-малиновый</td>
			<td class="pre">Maroon</td>
			<td class="pre">#800000</td>
			<td class="pre">rgb(128,0,0)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-oranzhevye-tona">

								Оранжевые тона	
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #fff5ee; color: #807a77;">
			<td>Цвет морской раковины</td>
			<td class="pre">Seashell</td>
			<td class="pre">#fff5ee</td>
			<td class="pre">rgb(255,245,238)</td>
		</tr>
		<tr style="background: #f5f5dc; color: #75756a;">
			<td>Бежевый</td>
			<td class="pre">Beige</td>
			<td class="pre">#f5f5dc</td>
			<td class="pre">rgb(245,245,220)</td>
		</tr>
		<tr style="background: #fdf5e6; color: #7d7972;">
			<td>Старое кружево</td>
			<td class="pre">OldLace</td>
			<td class="pre">#fdf5e6</td>
			<td class="pre">rgb(253,245,230)</td>
		</tr>
		<tr style="background: #fffaf0; color: #807d78;">
			<td>Цветочный белый</td>
			<td class="pre">FloralWhite</td>
			<td class="pre">#fffaf0</td>
			<td class="pre">rgb(255,250,240)</td>
		</tr>
		<tr style="background: #faebd7; color: #7a7369;">
			<td>Белый антик</td>
			<td class="pre">AntiqueWhite</td>
			<td class="pre">#faebd7</td>
			<td class="pre">rgb(250,235,215)</td>
		</tr>
		<tr style="background: #faf0e6; color: #7a7671;">
			<td>Льняной</td>
			<td class="pre">Linen</td>
			<td class="pre">#faf0e6</td>
			<td class="pre">rgb(250,240,230)</td>
		</tr>
		<tr style="background: #ffebcd; color: #807566;">
			<td>Очищенный миндаль</td>
			<td class="pre">BlanchedAlmond</td>
			<td class="pre">#ffebcd</td>
			<td class="pre">rgb(255,235,205)</td>
		</tr>
		<tr style="background: #ffe4c4; color: #807262;">
			<td>Бисквитный</td>
			<td class="pre">Bisque</td>
			<td class="pre">#ffe4c4</td>
			<td class="pre">rgb(255,228,196)</td>
		</tr>
		<tr style="background: #ffdead; color: #806f57;">
			<td>Белый навахо</td>
			<td class="pre">NavajoWhite</td>
			<td class="pre">#ffdead</td>
			<td class="pre">rgb(255,222,173)</td>
		</tr>
		<tr style="background: #f5deb3; color: #756a56;">
			<td>Пшеничный</td>
			<td class="pre">Wheat</td>
			<td class="pre">#f5deb3</td>
			<td class="pre">rgb(245,222,179)</td>
		</tr>
		<tr style="background: #deb887; color: #5e4e3a;">
			<td>Плотная древесина</td>
			<td class="pre">BurlyWood</td>
			<td class="pre">#deb887</td>
			<td class="pre">rgb(222,184,135)</td>
		</tr>
		<tr style="background: #d2b48c; color: #524637;">
			<td>Цвет загара</td>
			<td class="pre">Tan</td>
			<td class="pre">#d2b48c</td>
			<td class="pre">rgb(210,180,140)</td>
		</tr>
		<tr style="background: #f4a460; color: #754f2e;">
			<td>Красный песок</td>
			<td class="pre">SandyBrown</td>
			<td class="pre">#f4a460</td>
			<td class="pre">rgb(244,164,96)</td>
		</tr>
		<tr style="background: #daa520; color: #59440d;">
			<td>Золотисто-березовый</td>
			<td class="pre">Goldenrod</td>
			<td class="pre">#daa520</td>
			<td class="pre">rgb(218,165,32)</td>
		</tr>
		<tr style="background: #b8860b; color: #382903;">
			<td>Тёмный золотарник</td>
			<td class="pre">DarkGoldenRod</td>
			<td class="pre">#b8860b</td>
			<td class="pre">rgb(184,134,11)</td>
		</tr>
		<tr style="background: #cd853f; color: #4d3218;">
			<td>Перу</td>
			<td class="pre">Peru</td>
			<td class="pre">#cd853f</td>
			<td class="pre">rgb(205,133,63)</td>
		</tr>
		<tr style="background: #d2691e; color: #52290b;">
			<td>Шоколадный</td>
			<td class="pre">Chocolate</td>
			<td class="pre">#d2691e</td>
			<td class="pre">rgb(210,105,30)</td>
		</tr>
		<tr style="background: #8b4513; color: #0d0602;">
			<td>Кожаного седла для лошади</td>
			<td class="pre">SaddleBrown</td>
			<td class="pre">#8b4513</td>
			<td class="pre">rgb(139,69,19)</td>
		</tr>
		<tr style="background: #a0522d; color: #211109;">
			<td>Сиена</td>
			<td class="pre">Sienna</td>
			<td class="pre">#a0522d</td>
			<td class="pre">rgb(160,82,45)</td>
		</tr>
		<tr style="background: #ffa07a; color: #80503d;">
			<td>Светлый сомон</td>
			<td class="pre">LightSalmon</td>
			<td class="pre">#ffa07a</td>
			<td class="pre">rgb(255,160,122)</td>
		</tr>
		<tr style="background: #ff7f50; color: #803f28;">
			<td>Коралловый</td>
			<td class="pre">Coral</td>
			<td class="pre">#ff7f50</td>
			<td class="pre">rgb(255,127,80)</td>
		</tr>
		<tr style="background: #ff6347; color: #803124;">
			<td>Томатный</td>
			<td class="pre">Tomato</td>
			<td class="pre">#ff6347</td>
			<td class="pre">rgb(255,99,71)</td>
		</tr>
		<tr style="background: #ff4500; color: #000000;">
			<td>Оранжево-красный</td>
			<td class="pre">OrangeRed</td>
			<td class="pre">#ff4500</td>
			<td class="pre">rgb(255,69,0)</td>
		</tr>
		<tr style="background: #ff8c00; color: #804600;">
			<td>Тёмно-оранжевый</td>
			<td class="pre">DarkOrange</td>
			<td class="pre">#ff8c00</td>
			<td class="pre">rgb(255,140,0)</td>
		</tr>
		<tr style="background: #ffa500; color: #805300;">
			<td>Оранжевый</td>
			<td class="pre">Orange</td>
			<td class="pre">#ffa500</td>
			<td class="pre">rgb(255,165,0)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-zheltye-tona">
								Жёлтые тона		
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #fff8dc; color: #807c6e;">
			<td>Цвет пестиков неспелой кукурузы</td>
			<td class="pre">Cornsilk</td>
			<td class="pre">#fff8dc</td>
			<td class="pre">rgb(255,248,220)</td>
		</tr>
		<tr style="background: #fffff0; color: #808078;">
			<td>Слоновая кость</td>
			<td class="pre">Ivory</td>
			<td class="pre">#fffff0</td>
			<td class="pre">rgb(255,255,240)</td>
		</tr>
		<tr style="background: #ffffe0; color: #808070;">
			<td>Светло-жёлтый</td>
			<td class="pre">LightYellow</td>
			<td class="pre">#ffffe0</td>
			<td class="pre">rgb(255,255,224)</td>
		</tr>
		<tr style="background: #fffacd; color: #807d66;">
			<td>Лимонно-кремовый</td>
			<td class="pre">LemonChiffon</td>
			<td class="pre">#fffacd</td>
			<td class="pre">rgb(255,250,205)</td>
		</tr>
		<tr style="background: #fafad2; color: #7a7a67;">
			<td>Светло-жёлтый золотистый</td>
			<td class="pre">LightGoldenrodYellow</td>
			<td class="pre">#fafad2</td>
			<td class="pre">rgb(250,250,210)</td>
		</tr>
		<tr style="background: #ffefd5; color: #80786b;">
			<td>Побег папайи</td>
			<td class="pre">PapayaWhip</td>
			<td class="pre">#ffefd5</td>
			<td class="pre">rgb(255,239,213)</td>
		</tr>
		<tr style="background: #ffe4b5; color: #80725b;">
			<td>Мокасиновый</td>
			<td class="pre">Moccasin</td>
			<td class="pre">#ffe4b5</td>
			<td class="pre">rgb(255,228,181)</td>
		</tr>
		<tr style="background: #ffdab9; color: #806d5d;">
			<td>Тёмно-персиковый</td>
			<td class="pre">PeachPuff</td>
			<td class="pre">#ffdab9</td>
			<td class="pre">rgb(255,218,185)</td>
		</tr>
		<tr style="background: #eee8aa; color: #6e6b4e;">
			<td>Бледно-золотистый</td>
			<td class="pre">PaleGoldenrod</td>
			<td class="pre">#eee8aa</td>
			<td class="pre">rgb(238,232,170)</td>
		</tr>
		<tr style="background: #f0e68c; color: #706b41;">
			<td>Светлый хаки</td>
			<td class="pre">Khaki</td>
			<td class="pre">#f0e68c</td>
			<td class="pre">rgb(240,230,140)</td>
		</tr>
		<tr style="background: #bdb76b; color: #3d3b23;">
			<td>Тёмный хаки</td>
			<td class="pre">DarkKhaki</td>
			<td class="pre">#bdb76b</td>
			<td class="pre">rgb(189,183,107)</td>
		</tr>
		<tr style="background: #ffff00; color: #808000;">
			<td>Жёлтый</td>
			<td class="pre">Yellow</td>
			<td class="pre">#ffff00</td>
			<td class="pre">rgb(255,255,0)</td>
		</tr>
		<tr style="background: #ffd700; color: #806c00;">
			<td>Золотой</td>
			<td class="pre">Gold</td>
			<td class="pre">#ffd700</td>
			<td class="pre">rgb(255,215,0)</td>
		</tr>
	</tbody>
</table>

		</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-zelenye-tona">
								Зелёные тона
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #f0fff0; color: #788078;">
			<td>Медовая роса</td>
			<td class="pre">Honeydew</td>
			<td class="pre">#f0fff0</td>
			<td class="pre">rgb(240,255,240)</td>
		</tr>
		<tr style="background: #f5fffa; color: #7a807d;">
			<td>Мятно-кремовый</td>
			<td class="pre">MintCream</td>
			<td class="pre">#f5fffa</td>
			<td class="pre">rgb(245,255,250)</td>
		</tr>
		<tr style="background: #adff2f; color: #568017;">
			<td>Зелёно-жёлтый</td>
			<td class="pre">GreenYellow</td>
			<td class="pre">#adff2f</td>
			<td class="pre">rgb(173,255,47)</td>
		</tr>
		<tr style="background: #7fff00; color: #408000;">
			<td>Шартрёз</td>
			<td class="pre">Chartreuse</td>
			<td class="pre">#7fff00</td>
			<td class="pre">rgb(127,255,0)</td>
		</tr>
		<tr style="background: #7cfc00; color: #3e7d00;">
			<td>Зелёная лужайка</td>
			<td class="pre">LawnGreen</td>
			<td class="pre">#7cfc00</td>
			<td class="pre">rgb(124,252,0)</td>
		</tr>
		<tr style="background: #00ff00; color: #008000;">
			<td>Лайм</td>
			<td class="pre">Lime</td>
			<td class="pre">#00ff00</td>
			<td class="pre">rgb(0,255,0)</td>
		</tr>
		<tr style="background: #32cd32; color: #124d12;">
			<td>Лаймово-зелёный</td>
			<td class="pre">LimeGreen</td>
			<td class="pre">#32cd32</td>
			<td class="pre">rgb(50,205,50)</td>
		</tr>
		<tr style="background: #98fb98; color: #4b7a4b;">
			<td>Бледный зелёный</td>
			<td class="pre">PaleGreen</td>
			<td class="pre">#98fb98</td>
			<td class="pre">rgb(152,251,152)</td>
		</tr>
		<tr style="background: #90ee90; color: #436e43;">
			<td>Светло-зелёный</td>
			<td class="pre">LightGreen</td>
			<td class="pre">#90ee90</td>
			<td class="pre">rgb(144,238,144)</td>
		</tr>
		<tr style="background: #00fa9a; color: #007a4b;">
			<td>Умеренный весенний зелёный</td>
			<td class="pre">MediumSpringGreen</td>
			<td class="pre">#00fa9a</td>
			<td class="pre">rgb(0,250,154)</td>
		</tr>
		<tr style="background: #00ff7f; color: #008040;">
			<td>Весенне-зелёный</td>
			<td class="pre">SpringGreen</td>
			<td class="pre">#00ff7f</td>
			<td class="pre">rgb(0,255,127)</td>
		</tr>
		<tr style="background: #3cb371; color: #113320;">
			<td>Умеренно-зелёное море</td>
			<td class="pre">MediumSeaGreen</td>
			<td class="pre">#3cb371</td>
			<td class="pre">rgb(60,179,113)</td>
		</tr>
		<tr style="background: #2e8b57; color: #040d08;">
			<td>Зелёное море</td>
			<td class="pre">SeaGreen</td>
			<td class="pre">#2e8b57</td>
			<td class="pre">rgb(46,139,87)</td>
		</tr>
		<tr style="background: #228b22; color: #030d03;">
			<td>Лесной зелёный</td>
			<td class="pre">ForestGreen</td>
			<td class="pre">#228b22</td>
			<td class="pre">rgb(34,139,34)</td>
		</tr>
		<tr style="background: #008000; color: #00ff00;">
			<td>Зелёный</td>
			<td class="pre">Green</td>
			<td class="pre">#008000</td>
			<td class="pre">rgb(0,128,0)</td>
		</tr>
		<tr style="background: #006400; color: #00e300;">
			<td>Очень тёмный лимонный зеленый</td>
			<td class="pre">DarkGreen</td>
			<td class="pre">#006400</td>
			<td class="pre">rgb(0,100,0)</td>
		</tr>
		<tr style="background: #9acd32; color: #394d12;">
			<td>Жёлто-зелёный</td>
			<td class="pre">YellowGreen</td>
			<td class="pre">#9acd32</td>
			<td class="pre">rgb(154,205,50)</td>
		</tr>
		<tr style="background: #6b8e23; color: #0b0f04;">
			<td>Нежно-оливковый</td>
			<td class="pre">OliveDrab</td>
			<td class="pre">#6b8e23</td>
			<td class="pre">rgb(107,142,35)</td>
		</tr>
		<tr style="background: #808000; color: #ffff00;">
			<td>Оливковый</td>
			<td class="pre">Olive</td>
			<td class="pre">#808000</td>
			<td class="pre">rgb(128,128,0)</td>
		</tr>
		<tr style="background: #556b2f; color: #baeb67;">
			<td>Тёмный оливково-зеленый</td>
			<td class="pre">DarkOliveGreen</td>
			<td class="pre">#556b2f</td>
			<td class="pre">rgb(85,107,47)</td>
		</tr>
		<tr style="background: #66cdaa; color: #264d40;">
			<td>Умеренный аквамариновый</td>
			<td class="pre">MediumAquamarine</td>
			<td class="pre">#66cdaa</td>
			<td class="pre">rgb(102,205,170)</td>
		</tr>
		<tr style="background: #8fbc8f; color: #2f3d2f;">
			<td>Тёмное зелёное море</td>
			<td class="pre">DarkSeaGreen</td>
			<td class="pre">#8fbc8f</td>
			<td class="pre">rgb(143,188,143)</td>
		</tr>
		<tr style="background: #20b2aa; color: #093331;">
			<td>Светлое зелёное море</td>
			<td class="pre">LightSeaGreen</td>
			<td class="pre">#20b2aa</td>
			<td class="pre">rgb(32,178,170)</td>
		</tr>
		<tr style="background: #008b8b; color: #000d0d;">
			<td>Тёмный циан</td>
			<td class="pre">DarkCyan</td>
			<td class="pre">#008b8b</td>
			<td class="pre">rgb(0,139,139)</td>
		</tr>
		<tr style="background: #008080; color: #00ffff;">
			<td>Окраски птицы чирок</td>
			<td class="pre">Teal</td>
			<td class="pre">#008080</td>
			<td class="pre">rgb(0,128,128)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-sinie-tona">
								Синие тона		
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #f0ffff; color: #788080;">
			<td>Небесная лазурь</td>
			<td class="pre">Azure</td>
			<td class="pre">#f0ffff</td>
			<td class="pre">rgb(240,255,255)</td>
		</tr>
		<tr style="background: #f0f8ff; color: #787c80;">
			<td>Синяя Элис</td>
			<td class="pre">AliceBlue</td>
			<td class="pre">#f0f8ff</td>
			<td class="pre">rgb(240,248,255)</td>
		</tr>
		<tr style="background: #e0ffff; color: #708080;">
			<td>Светлый циан</td>
			<td class="pre">LightCyan</td>
			<td class="pre">#e0ffff</td>
			<td class="pre">rgb(224,255,255)</td>
		</tr>
		<tr style="background: #00ffff; color: #008080;">
			<td>Циан,цвет морской волны</td>
			<td class="pre">Cyan,Aqua</td>
			<td class="pre">#00ffff</td>
			<td class="pre">rgb(0,255,255)</td>
		</tr>
		<tr style="background: #7fffd4; color: #40806a;">
			<td>Аквамариновый</td>
			<td class="pre">Aquamarine</td>
			<td class="pre">#7fffd4</td>
			<td class="pre">rgb(127,255,212)</td>
		</tr>
		<tr style="background: #40e0d0; color: #1c615a;">
			<td>Светло-бирюзовый</td>
			<td class="pre">Turquoise</td>
			<td class="pre">#40e0d0</td>
			<td class="pre">rgb(64,224,208)</td>
		</tr>
		<tr style="background: #48d1cc; color: #1c5250;">
			<td>Умеренно-бирюзовый</td>
			<td class="pre">MediumTurquoise</td>
			<td class="pre">#48d1cc</td>
			<td class="pre">rgb(72,209,204)</td>
		</tr>
		<tr style="background: #00ced1; color: #005052;">
			<td>Тёмно-бирюзовый</td>
			<td class="pre">DarkTurquoise</td>
			<td class="pre">#00ced1</td>
			<td class="pre">rgb(0,206,209)</td>
		</tr>
		<tr style="background: #afeeee; color: #516e6e;">
			<td>Бледно-синий</td>
			<td class="pre">PaleTurquoise</td>
			<td class="pre">#afeeee</td>
			<td class="pre">rgb(175,238,238)</td>
		</tr>
		<tr style="background: #b0e0e6; color: #4f6366;">
			<td>Пыльный голубой</td>
			<td class="pre">PowderBlue</td>
			<td class="pre">#b0e0e6</td>
			<td class="pre">rgb(176,224,230)</td>
		</tr>
		<tr style="background: #add8e6; color: #4d6066;">
			<td>Светлый синий</td>
			<td class="pre">LightBlue</td>
			<td class="pre">#add8e6</td>
			<td class="pre">rgb(173,216,230)</td>
		</tr>
		<tr style="background: #b0c4de; color: #4b535e;">
			<td>Светлый стальной синий</td>
			<td class="pre">LightSteelBlue</td>
			<td class="pre">#b0c4de</td>
			<td class="pre">rgb(176,196,222)</td>
		</tr>
		<tr style="background: #87ceeb; color: #3d5e6b;">
			<td>Городское небо</td>
			<td class="pre">SkyBlue</td>
			<td class="pre">#87ceeb</td>
			<td class="pre">rgb(135,206,235)</td>
		</tr>
		<tr style="background: #87cefa; color: #42657a;">
			<td>Светло-голубой</td>
			<td class="pre">LightSkyBlue</td>
			<td class="pre">#87cefa</td>
			<td class="pre">rgb(135,206,250)</td>
		</tr>
		<tr style="background: #00bfff; color: #006080;">
			<td>Морозное небо</td>
			<td class="pre">DeepSkyBlue</td>
			<td class="pre">#00bfff</td>
			<td class="pre">rgb(0,191,255)</td>
		</tr>
		<tr style="background: #1e90ff; color: #006080;">
			<td>Защитно-синий</td>
			<td class="pre">DodgerBlue</td>
			<td class="pre">#1e90ff</td>
			<td class="pre">rgb(30,144,255)</td>
		</tr>
		<tr style="background: #6495ed; color: #2e446e;">
			<td>Васильковый</td>
			<td class="pre">CornflowerBlue</td>
			<td class="pre">#6495ed</td>
			<td class="pre">rgb(100,149,237)</td>
		</tr>
		<tr style="background: #7b68ee; color: #39306e;">
			<td>Умеренный аспидно-синий</td>
			<td class="pre">MediumSlateBlue</td>
			<td class="pre">#7b68ee</td>
			<td class="pre">rgb(123,104,238)</td>
		</tr>
		<tr style="background: #5f9ea0; color: #142121;">
			<td>Кадетский синий</td>
			<td class="pre">CadetBlue</td>
			<td class="pre">#5f9ea0</td>
			<td class="pre">rgb(95,158,160)</td>
		</tr>
		<tr style="background: #4682b4; color: #152736;">
			<td>Синяя сталь</td>
			<td class="pre">SteelBlue</td>
			<td class="pre">#4682b4</td>
			<td class="pre">rgb(70,130,180)</td>
		</tr>
		<tr style="background: #4169e1; color: #000000;">
			<td>Королевский синий</td>
			<td class="pre">RoyalBlue</td>
			<td class="pre">#4169e1</td>
			<td class="pre">rgb(65,105,225)</td>
		</tr>
		<tr style="background: #0000ff; color: #8080ff;">
			<td>Синий</td>
			<td class="pre">Blue</td>
			<td class="pre">#0000ff</td>
			<td class="pre">rgb(0,0,255)</td>
		</tr>
		<tr style="background: #0000cd; color: #8080ff;">
			<td>Средний синий</td>
			<td class="pre">MediumBlue</td>
			<td class="pre">#0000cd</td>
			<td class="pre">rgb(0,0,205)</td>
		</tr>
		<tr style="background: #00008b; color: #8080ff;">
			<td>Тёмный ультрамариновый</td>
			<td class="pre">DarkBlue</td>
			<td class="pre">#00008b</td>
			<td class="pre">rgb(0,0,139)</td>
		</tr>
		<tr style="background: #000080; color: #8080ff;">
			<td>Формы морских офицеров</td>
			<td class="pre">Navy</td>
			<td class="pre">#000080</td>
			<td class="pre">rgb(0,0,128)</td>
		</tr>
		<tr style="background: #191970; color: #b8b8ff;">
			<td>Полуночный чёрный</td>
			<td class="pre">MidnightBlue</td>
			<td class="pre">#191970</td>
			<td class="pre">rgb(25,25,112)</td>
		</tr>
		<tr style="background: #6a5acd; color: #000000;">
			<td>Аспидно-синий</td>
			<td class="pre">SlateBlue</td>
			<td class="pre">#6a5acd</td>
			<td class="pre">rgb(106,90,205)</td>
		</tr>
		<tr style="background: #483d8b; color: #ca80ff;">
			<td>Тёмный аспидно-синий</td>
			<td class="pre">DarkSlateBlue</td>
			<td class="pre">#483d8b</td>
			<td class="pre">rgb(72,61,139)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-fioletovye-tona">
								Фиолетовые тона			
								</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #f8f8ff; color: #7c7c80;">
			<td>Призрачно-белый</td>
			<td class="pre">GhostWhite</td>
			<td class="pre">#f8f8ff</td>
			<td class="pre">rgb(248,248,255)</td>
		</tr>
		<tr style="background: #e6e6fa; color: #71717a;">
			<td>Лаванда</td>
			<td class="pre">Lavender</td>
			<td class="pre">#e6e6fa</td>
			<td class="pre">rgb(230,230,250)</td>
		</tr>
		<tr style="background: #d8bfd8; color: #594f59;">
			<td>Чертополох</td>
			<td class="pre">Thistle</td>
			<td class="pre">#d8bfd8</td>
			<td class="pre">rgb(216,191,216)</td>
		</tr>
		<tr style="background: #dda0dd; color: #5e445e;">
			<td>Светлая слива</td>
			<td class="pre">Plum</td>
			<td class="pre">#dda0dd</td>
			<td class="pre">rgb(221,160,221)</td>
		</tr>
		<tr style="background: #ee82ee; color: #6e3c6e;">
			<td>Розово-фиолетовый</td>
			<td class="pre">Violet</td>
			<td class="pre">#ee82ee</td>
			<td class="pre">rgb(238,130,238)</td>
		</tr>
		<tr style="background: #da70d6; color: #592e58;">
			<td>Орхидея</td>
			<td class="pre">Orchid</td>
			<td class="pre">#da70d6</td>
			<td class="pre">rgb(218,112,214)</td>
		</tr>
		<tr style="background: #ff00ff; color: #000000;">
			<td>Фуксия,Маджента</td>
			<td class="pre">Fuchsia,Magenta</td>
			<td class="pre">#ff00ff</td>
			<td class="pre">rgb(255,0,255)</td>
		</tr>
		<tr style="background: #c71585; color: #ca80ff;">
			<td>Умеренный фиолетово-красный</td>
			<td class="pre">MediumVioletRed</td>
			<td class="pre">#c71585</td>
			<td class="pre">rgb(199,21,133)</td>
		</tr>
		<tr style="background: #ba55d3; color: #000000;">
			<td>Умеренный цвет орхидеи</td>
			<td class="pre">MediumOrchid</td>
			<td class="pre">#ba55d3</td>
			<td class="pre">rgb(186,85,211)</td>
		</tr>
		<tr style="background: #9370db; color: #000000;">
			<td>Умеренный пурпурный</td>
			<td class="pre">MediumPurple</td>
			<td class="pre">#9370db</td>
			<td class="pre">rgb(147,112,219)</td>
		</tr>
		<tr style="background: #8a2be2; color: #ff80ff;">
			<td>Сине-лиловый</td>
			<td class="pre">BlueViolet</td>
			<td class="pre">#8a2be2</td>
			<td class="pre">rgb(138,43,226)</td>
		</tr>
		<tr style="background: #9400d3; color: #ff80ff;">
			<td>Тёмно-фиолетовый</td>
			<td class="pre">DarkViolet</td>
			<td class="pre">#9400d3</td>
			<td class="pre">rgb(148,0,211)</td>
		</tr>
		<tr style="background: #9932cc; color: #ff80ff;">
			<td>Тёмная орхидея</td>
			<td class="pre">DarkOrchid</td>
			<td class="pre">#9932cc</td>
			<td class="pre">rgb(153,50,204)</td>
		</tr>
		<tr style="background: #8b008b; color: #ff80ff;">
			<td>Тёмный маджента</td>
			<td class="pre">DarkMagenta</td>
			<td class="pre">#8b008b</td>
			<td class="pre">rgb(139,0,139)</td>
		</tr>
		<tr style="background: #800080; color: #ff80ff;">
			<td>Пурпурный</td>
			<td class="pre">Purple</td>
			<td class="pre">#800080</td>
			<td class="pre">rgb(128,0,128)</td>
		</tr>
		<tr style="background: #4b0082; color: #ca80ff;">
			<td>Индиго</td>
			<td class="pre">Indigo</td>
			<td class="pre">#4b0082</td>
			<td class="pre">rgb(75,0,130)</td>
		</tr>
	</tbody>
</table>
</section>			
			<section>

								<div class="view_anchor">

						<h2 id="link-rozovye-tona">
								Розовые тона	
						</h2> 
					</div>
					<table class="tbl-color">
	<colgroup>
		<col width="200">
		<col width="200">
		<col width="100">
		<col width="200">
	</colgroup>
	<tbody>
		<tr style="background: #fffafa; color: #807d7d;">
			<td>Белоснежный</td>
			<td class="pre">Snow</td>
			<td class="pre">#fffafa</td>
			<td class="pre">rgb(255,250,250)</td>
		</tr>
		<tr style="background: #fff0f5; color: #80787a;">
			<td>Розово-лавандовый</td>
			<td class="pre">LavenderBlush</td>
			<td class="pre">#fff0f5</td>
			<td class="pre">rgb(255,240,245)</td>
		</tr>
		<tr style="background: #ffe4e1; color: #807270;">
			<td>Тускло-розовый</td>
			<td class="pre">MistyRose</td>
			<td class="pre">#ffe4e1</td>
			<td class="pre">rgb(255,228,225)</td>
		</tr>
		<tr style="background: #ffc0cb; color: #806065;">
			<td>Розовый</td>
			<td class="pre">Pink</td>
			<td class="pre">#ffc0cb</td>
			<td class="pre">rgb(255,192,203)</td>
		</tr>
		<tr style="background: #ffb6c1; color: #805b60;">
			<td>Светло-розовый</td>
			<td class="pre">LightPink</td>
			<td class="pre">#ffb6c1</td>
			<td class="pre">rgb(255,182,193)</td>
		</tr>
		<tr style="background: #ff69b4; color: #80345a;">
			<td>Ярко-розовый</td>
			<td class="pre">HotPink</td>
			<td class="pre">#ff69b4</td>
			<td class="pre">rgb(255,105,180)</td>
		</tr>
		<tr style="background: #ff1493; color: #000000;">
			<td>Глубокий розовый</td>
			<td class="pre">DeepPink</td>
			<td class="pre">#ff1493</td>
			<td class="pre">rgb(255,20,147)</td>
		</tr>
		<tr style="background: #db7093; color: #5c2f3e;">
			<td>Лиловый</td>
			<td class="pre">PaleVioletRed</td>
			<td class="pre">#db7093</td>
			<td class="pre">rgb(219,112,147)</td>
		</tr>
		<tr style="background: #bc8f8f; color: #3d2f2f;">
			<td>Розово-коричневый</td>
			<td class="pre">RosyBrown</td>
			<td class="pre">#bc8f8f</td>
			<td class="pre">rgb(188,143,143)</td>
		</tr>
	</tbody>
</table>
</section>						</div>							
						



</div>
</body>
</html>
~~DISCUSSION:off~~