Таблица цветов у вас на сайте

	Пятница, 23.01.2009, 9:29:41

Страница 1 из 1
1

AndreMix

Дата: Четверг, 19.02.2009, 17:14 | Сообщение # 1

Admin

Группа: Администраторы

Сообщений: 121

Репутация: 0

Статус: Offline

Создаём страницу и вставляем туда этот код
В 1 спойлере начало во 2 спойлере продолжение
Ставим это

Code

<td width="16%">204.204.255</td>
<td width="16%">153.153.255</td>
<td width="16%">102.51.255</td>
<td width="16%">102.0.255</td>
<td width="16%">51.0.153</td>
<td width="16%">51.0.102</td></tr>
<tr>
<td>CCCCFF</td>

<td>9999FF</td>

<td>6633FF</td>
<td>6600FF</td>
<td>330099</td>
<td>330066</td></tr>
<tr>
<td bgcolor="#ccccff"> </td>
<td bgcolor="#9999ff"> </td>
<td bgcolor="#6633ff"> </td>
<td bgcolor="#6600ff"> </td>
<td bgcolor="#330099"> </td>

<td bgcolor="#330066"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">153.153.204</td>
<td width="16%">102.102.255</td>
<td width="16%">102.102.204</td>
<td width="16%">102.102.153</td>
<td width="16%">51.51.153</td>
<td width="16%">51.51.102</td></tr>

<tr>
<td>9999CC</td>

<td>6666FF</td>
<td>6666CC</td>
<td>666699</td>
<td>333399</td>
<td>333366</td></tr>
<tr>
<td bgcolor="#9999cc"> </td>
<td bgcolor="#6666ff"> </td>

<td bgcolor="#6666cc"> </td>
<td bgcolor="#666699"> </td>
<td bgcolor="#333399"> </td>
<td bgcolor="#333366"> </td></tr>

</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">51.51.255</td>
<td width="16%">51.0.255</td>
<td width="16%">51.0.204</td>
<td width="16%">51.51.204</td>

<td width="16%">0.0.153</td>
<td width="16%">0.0.102</td></tr>
<tr>

<td>3333FF</td>
<td>3300FF</td>
<td>3300CC</td>
<td>3333CC</td>
<td>000099</td>
<td>000066</td></tr>

<tr>
<td bgcolor="#3333ff"> </td>
<td bgcolor="#3300ff"> </td>
<td bgcolor="#3300cc"> </td>
<td bgcolor="#3333cc"> </td>

<td bgcolor="#000099"> </td>
<td bgcolor="#000066"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">102.153.255</td>
<td width="16%">51.102.255</td>
<td width="16%">0.0.255</td>

<td width="16%">0.0.204</td>
<td width="16%">0.51.204</td>
<td width="16%">0.0.51</td></tr>

<tr>
<td>6699FF</td>
<td>3366FF</td>
<td>0000FF</td>
<td>0000CC</td>
<td>0033CC</td>

<td>000033</td></tr>
<tr>
<td bgcolor="#6699ff"> </td>
<td bgcolor="#3366ff"> </td>
<td bgcolor="#0000ff"> </td>

<td bgcolor="#0000cc"> </td>
<td bgcolor="#0033cc"> </td>
<td bgcolor="#000033"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">0.102.255</td>
<td width="16%">0.102.204</td>

<td width="16%">51.102.204</td>
<td width="16%">0.51.255</td>
<td width="16%">0.51.153</td>

<td width="16%">0.51.102</td></tr>
<tr>
<td>0066FF</td>
<td>0066CC</td>
<td>3366CC</td>
<td>0033FF</td>

<td>003399</td>
<td>003366</td></tr>
<tr>
<td bgcolor="#0066ff"> </td>

<td bgcolor="#0066cc"> </td>
<td bgcolor="#3366cc"> </td>
<td bgcolor="#0033ff"> </td>
<td bgcolor="#003399"> </td>
<td bgcolor="#003366"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">153.204.255</td>

<td width="16%">51.153.255</td>
<td width="16%">0.153.255</td>
<td width="16%">102.153.204</td>

<td width="16%">51.102.153</td>
<td width="16%">0.102.153</td></tr>
<tr>
<td>99CCFF</td>
<td>3399FF</td>
<td>0099FF</td>

<td>6699CC</td>
<td>336699</td>
<td>006699</td></tr>

<tr>
<td bgcolor="#99ccff"> </td>
<td bgcolor="#3399ff"> </td>
<td bgcolor="#0099ff"> </td>
<td bgcolor="#6699cc"> </td>
<td bgcolor="#336699"> </td>
<td bgcolor="#006699"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">

<tbody><tr>
<td width="16%">102.204.255</td>
<td width="16%">51.204.255</td>
<td width="16%">0.204.255</td>

<td width="16%">51.153.204</td>
<td width="16%">0.153.204</td>
<td width="16%">0.51.51</td></tr>
<tr>
<td>66CCFF</td>

<td>33CCFF</td>
<td>00CCFF</td>
<td>3399CC</td>
<td>0099CC</td>

<td>003333</td></tr>
<tr>
<td bgcolor="#66ccff"> </td>
<td bgcolor="#33ccff"> </td>
<td bgcolor="#00ccff"> </td>
<td bgcolor="#3399cc"> </td>
<td bgcolor="#0099cc"> </td>

<td bgcolor="#003333"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">153.204.204</td>
<td width="16%">102.204.204</td>

<td width="16%">51.153.153</td>
<td width="16%">102.153.153</td>
<td width="16%">0.102.102</td>
<td width="16%">51.102.102</td></tr>

<tr>
<td>99CCCC</td>
<td>66CCCC</td>
<td>339999</td>
<td>669999</td>

<td>006666</td>
<td>336666</td></tr>
<tr>
<td bgcolor="#99cccc"> </td>
<td bgcolor="#66cccc"> </td>

<td bgcolor="#339999"> </td>
<td bgcolor="#669999"> </td>
<td bgcolor="#006666"> </td>
<td bgcolor="#336666"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">204.255.255</td>

<td width="16%">153.255.255</td>
<td width="16%">102.255.255</td>
<td width="16%">51.255.255</td>

<td width="16%">0.255.255</td>
<td width="16%">0.204.204</td></tr>
<tr>
<td>CCFFFF</td>
<td>99FFFF</td>
<td>66FFFF</td>

<td>33FFFF</td>
<td>00FFFF</td>
<td>00CCCC</td></tr>

<tr>
<td bgcolor="#ccffff"> </td>
<td bgcolor="#99ffff"> </td>
<td bgcolor="#66ffff"> </td>
<td bgcolor="#33ffff"> </td>
<td bgcolor="#00ffff"> </td>
<td bgcolor="#00cccc"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>

<td width="16%">153.255.204</td>
<td width="16%">102.255.204</td>
<td width="16%">51.255.204</td>

<td width="16%">0.255.204</td>
<td width="16%">51.204.204</td>
<td width="16%">0.153.153</td></tr>
<tr>
<td>99FFCC</td>
<td>66FFCC</td>

<td>33FFCC</td>
<td>00FFCC</td>
<td>33CCCC</td>

<td>009999</td></tr>
<tr>
<td bgcolor="#99ffcc"> </td>
<td bgcolor="#66ffcc"> </td>
<td bgcolor="#33ffcc"> </td>
<td bgcolor="#00ffcc"> </td>
<td bgcolor="#33cccc"> </td>
<td bgcolor="#009999"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">102.204.153</td>
<td width="16%">51.204.153</td>

<td width="16%">0.204.153</td>
<td width="16%">51.153.102</td>
<td width="16%">0.153.102</td>
<td width="16%">0.102.51</td></tr>
<tr>
<td>66CC99</td>

<td>33CC99</td>
<td>00CC99</td>
<td>339966</td>

<td>009966</td>
<td>006633</td></tr>
<tr>
<td bgcolor="#66cc99"> </td>
<td bgcolor="#33cc99"> </td>
<td bgcolor="#00cc99"> </td>
<td bgcolor="#339966"> </td>
<td bgcolor="#009966"> </td>
<td bgcolor="#006633"> </td></tr>

</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">102.255.153</td>

<td width="16%">51.255.153</td>
<td width="16%">0.255.153</td>
<td width="16%">51.204.102</td>
<td width="16%">0.204.102</td>
<td width="16%">0.153.51</td></tr>
<tr>

<td>66FF99</td>
<td>33FF99</td>
<td>00FF99</td>

<td>33CC66</td>
<td>00CC66</td>
<td>009933</td></tr>
<tr>
<td bgcolor="#66ff99"> </td>
<td bgcolor="#33ff99"> </td>
<td bgcolor="#00ff99"> </td>
<td bgcolor="#33cc66"> </td>

<td bgcolor="#00cc66"> </td>
<td bgcolor="#009933"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">

<tbody><tr>
<td width="16%">153.255.153</td>
<td width="16%">102.255.102</td>
<td width="16%">51.255.102</td>
<td width="16%">0.255.102</td>
<td width="16%">51.153.51</td>
<td width="16%">0.102.0</td></tr>

<tr>
<td>99FF99</td>

<td>66FF66</td>
<td>33FF66</td>
<td>00FF66</td>
<td>339933</td>
<td>006600</td></tr>
<tr>
<td bgcolor="#99ff99"> </td>
<td bgcolor="#66ff66"> </td>
<td bgcolor="#33ff66"> </td>

<td bgcolor="#00ff66"> </td>
<td bgcolor="#339933"> </td>

<td bgcolor="#006600"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">204.255.204</td>
<td width="16%">153.204.153</td>
<td width="16%">102.204.102</td>
<td width="16%">102.153.102</td>
<td width="16%">51.102.51</td>

<td width="16%">0.51.0</td></tr>

<tr>
<td>CCFFCC</td>
<td>99CC99</td>
<td>66CC66</td>
<td>669966</td>
<td>336633</td>
<td>003300</td></tr>
<tr>
<td bgcolor="#ccffcc"> </td>

<td bgcolor="#99cc99"> </td>

<td bgcolor="#66cc66"> </td>
<td bgcolor="#669966"> </td>
<td bgcolor="#336633"> </td>
<td bgcolor="#003300"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">51.255.51</td>
<td width="16%">0.255.51</td>
<td width="16%">0.255.0</td>
<td width="16%">0.204.0</td>

<td width="16%">51.204.51</td>
<td width="16%">0.204.51</td></tr>
<tr>
<td>33FF33</td>
<td>00FF33</td>
<td>00FF00</td>
<td>00CC00</td>
<td>33CC33</td>
<td>00CC33</td></tr>

<tr>
<td bgcolor="#33ff33"> </td>
<td bgcolor="#00ff33"> </td>
<td bgcolor="#00ff00"> </td>
<td bgcolor="#00cc00"> </td>
<td bgcolor="#33cc33"> </td>
<td bgcolor="#00cc33"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">102.255.0</td>
<td width="16%">102.255.51</td>
<td width="16%">51.255.0</td>

<td width="16%">51.204.0</td>
<td width="16%">51.153.0</td>
<td width="16%">0.153.0</td></tr>
<tr>
<td>66FF00</td>
<td>66FF33</td>
<td>33FF00</td>
<td>33CC00</td>
<td>339900</td>

<td>009900</td></tr>
<tr>
<td bgcolor="#66ff00"> </td>
<td bgcolor="#66ff33"> </td>
<td bgcolor="#33ff00"> </td>
<td bgcolor="#33cc00"> </td>
<td bgcolor="#339900"> </td>
<td bgcolor="#009900"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">204.255.153</td>
<td width="16%">153.255.102</td>

<td width="16%">102.204.0</td>
<td width="16%">102.204.51</td>
<td width="16%">102.153.51</td>
<td width="16%">51.102.0</td></tr>
<tr>
<td>CCFF99</td>
<td>99FF66</td>
<td>66CC00</td>
<td>66CC33</td>

<td>669933</td>
<td>336600</td></tr>
<tr>
<td bgcolor="#ccff99"> </td>
<td bgcolor="#99ff66"> </td>
<td bgcolor="#66cc00"> </td>
<td bgcolor="#66cc33"> </td>
<td bgcolor="#669933"> </td>
<td bgcolor="#336600"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">153.255.0</td>

<td width="16%">153.255.51</td>
<td width="16%">153.204.102</td>
<td width="16%">153.204.0</td>
<td width="16%">153.204.51</td>
<td width="16%">102.153.0</td></tr>
<tr>
<td>99FF00</td>
<td>99FF33</td>
<td>99CC66</td>

<td>99CC00</td>
<td>99CC33</td>
<td>669900</td></tr>
<tr>
<td bgcolor="#99ff00"> </td>
<td bgcolor="#99ff33"> </td>
<td bgcolor="#99cc66"> </td>
<td bgcolor="#99cc00"> </td>
<td bgcolor="#99cc33"> </td>
<td bgcolor="#669900"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">

<tbody><tr>

<td width="16%">204.255.102</td>
<td width="16%">204.255.0</td>
<td width="16%">204.255.51</td>
<td width="16%">204.204.153</td>
<td width="16%">102.102.51</td>
<td width="16%">51.51.0</td></tr>
<tr>
<td>CCFF66</td>

<td>CCFF00</td>

<td>CCFF33</td>
<td>CCCC99</td>
<td>666633</td>
<td>333300</td></tr>
<tr>
<td bgcolor="#ccff66"> </td>
<td bgcolor="#ccff00"> </td>
<td bgcolor="#ccff33"> </td>
<td bgcolor="#cccc99"> </td>
<td bgcolor="#666633"> </td>

<td bgcolor="#333300"> </td></tr>
</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">204.204.102</td>
<td width="16%">204.204.51</td>
<td width="16%">153.153.51</td>
<td width="16%">153.153.102</td>
<td width="16%">153.153.0</td>
<td width="16%">102.102.0</td></tr>

<tr>
<td>CCCC66</td>

<td>CCCC33</td>
<td>999966</td>
<td>999933</td>
<td>999900</td>
<td>666600</td></tr>
<tr>
<td bgcolor="#cccc66"> </td>
<td bgcolor="#cccc33"> </td>

<td bgcolor="#999966"> </td>
<td bgcolor="#999933"> </td>
<td bgcolor="#999900"> </td>
<td bgcolor="#666600"> </td></tr>

</tbody></table>


<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td width="16%">255.255.255</td>
<td width="16%">204.204.204</td>
<td width="16%">153.153.153</td>
<td width="16%">102.102.102</td>

<td width="16%">51.51.51</td>
<td width="16%">0.0.0</td></tr>
<tr>

<td>FFFFFF</td>
<td>CCCCCC</td>
<td>999999</td>
<td>666666</td>
<td>333333</td>
<td>000000</td></tr>

<tr>
<td bgcolor="#ffffff"> </td>
<td bgcolor="#cccccc"> </td>
<td bgcolor="#999999"> </td>
<td bgcolor="#666666"> </td>

<td bgcolor="#333333"> </td>
<td bgcolor="#000000"> </td></tr>
</tbody></table>
</td>
<td class="side" width="33%">
<div class="smaller">
<h3 class="subtitle_first_full">Все цвета интернета</h3>
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее.

Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
<h3 class="subtitle_full">Как пользоваться палитрой</h3>
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.

<div class="image">

<img src="http://img.artlebedev.ru/tools/colors/colors.gif" alt="" width="132" border="0" height="78">
</div>
Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для
<div style="width: 100%; position: relative;" class="modBlock" title="Блок управления">
<div id="md754" class="modBlock1" style="border: 1px solid rgb(180, 189, 195); background: rgb(209, 218, 224) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: center; cursor: pointer;" onclick="if(document.getElementById('d754').style.display=='none'){document.getElementById('d754').style.display='';document.getElementById('md754').style.background='#D1DAE0';}else{document.getElementById('d754').style.display='none';document.getElementById('md754').style.background='#F0F3F5';}">

Таблица цветов у вас на сайте

Страница 1 из 1
1