#повседневность #научная_фантастика #параллельный_мир
20.08 Приветствуем вас на ролевой Accel World // Nagoya, посвящённой увлекательному будущему. События происходят в Японии, эпицентре технологического прогресса. Проходите, расчехляйте свои девайсы и погружайтесь в новую реальность!

Accel World // Nagoya

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Accel World // Nagoya » Инфоблок » Цветовые особенности аватаров


Цветовые особенности аватаров

Сообщений 1 страница 4 из 4

1

[indent] Цвет дуэльного аватара является основополагающей характеристикой персонажа и способен определить его специализацию. Существуют три основных цвета: красный, синий и зелёный. Остальные же цвета являются производными от них.
Аватар не обязательно должен был быть одного цвета. Встречаются мультиколорные окраски, однако в основном у таких аватаров присутствует преобладающий цвет.
Во всём ускоренном мире существует обязательное правило: оно гласит, что хоть аватары могут быть похожи цветом, материалом, даже написанием имени, однако первая часть имени, отвечающая за цвет, не может повторяться. Ко второй части имени это не относится.

Характеристики основных цветов
[indent] Красные аватары достаются ускоренным с живым и импульсивным характером, имеющих какую-либо мечту или цель. Их аватары ориентированы на дальний бой и как правило имеют усиливающее снаряжение в виде огнестрельного или метательного оружия или по крайней мере имеют способность дальнего боя. Коричневый цвет и его оттенки также считается красным.
[indent] Синие аватары достаются ускоренным с сильным характером, готовым преодолевать препятствия с опорой только на собственные силы. Их аватары ориентированы на ближний бой и как правило имеют усиливающее снаряжение в виде оружия ближнего боя например мечей, булав, всяческого рода рогов, кастетов или по крайней мере приспособлены к нему.
[indent] Зеленые аватары достаются ускоренным в которых заложено стремление защитить что-то дорогое для них любой ценой. Их аватары ориентированы на ближний бой и отличаются высоким уровнем защиты и прочностью, либо снаряжение с такими характеристиками.

Характеристики производных цветов
[indent] Фиолетовые аватары являются по способностям совмещением красного и синего цвета. Как правило ориентированы на ближний бой или бой на средних дистанциях. Обычно имеют техники боя средней дальности и снаряжение подходящее для того и другого.
[indent] Желтые аватары ориентированы либо на непрямые дальние атаки не наносящие урона (иллюзии), либо имеют защитные способности действующие на союзников на расстояние (лечение, усиление). Видимо поэтому на цветовом круге они размещаются между красным (дальнобойность) и зеленым (защита) цветом. Ими становятся ускоренным проникнутые завистью или сожалением. Разные оттенки оранжевого тоже считаются желтым цветом.
[indent] Белый цвет является указанием на ориентацию аватара на спецатаки. Он расположен в центре цветовой шкалы и приближение к нему означает ослабление основного "цветового свойства" в пользу спецатаки.

0

2

Оттенки красного (коричневого)
[html]
<style>
.color01{
  vertical-align: middle;
  background-color: #ff0000;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color111{
  vertical-align: middle;
  background-color: #632a0d;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color21{
  vertical-align: middle;
  background-color: #FA8072;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color31{
  vertical-align: middle;
  background-color: #FF2400;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color41{
  vertical-align: middle;
  background-color: #960018;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color51{
  vertical-align: middle;
  background-color: #FF7F50;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color61{
  vertical-align: middle;
  background-color: #E0115F;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color71{
  vertical-align: middle;
  background-color: #DC143C;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color81{
  vertical-align: middle;
  background-color: #C41E3A;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color91{
  vertical-align: middle;
  background-color: #E23D28;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color101{
  vertical-align: middle;
  background-color: #A50021;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1111{
  vertical-align: middle;
  background-color: #A45A52;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color121{
  vertical-align: middle;
  background-color: #800000;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color131{
  vertical-align: middle;
  background-color: #E44D2E;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color141{
  vertical-align: middle;
  background-color: #660000;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color151{
  vertical-align: middle;
  background-color: #E62020;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color16{
  vertical-align: middle;
  background-color: #EA3C53;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color17{
  vertical-align: middle;
  background-color: #CA3433;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color18{
  vertical-align: middle;
  background-color: #D21F3C;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color19{
  vertical-align: middle;
  background-color: #5E1914;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color191{
  vertical-align: middle;
  background-color: #933A16;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color192{
  vertical-align: middle;
  background-color: #420D09;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color193{
  vertical-align: middle;
  background-color: #7E191B;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color194{
  vertical-align: middle;
  background-color: #B43757;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color195{
  vertical-align: middle;
  background-color: #990f02;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color196{
  vertical-align: middle;
  background-color: #df4534;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color197{
  vertical-align: middle;
  background-color: #4c0805;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color198{
  vertical-align: middle;
  background-color: #fe2c31;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color199{
  vertical-align: middle;
  background-color: #795c34;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1991{
  vertical-align: middle;
  background-color: #541f1b;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1992{
  vertical-align: middle;
  background-color: #bc5449;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1993{
  vertical-align: middle;
  background-color: #4a3728;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1981{
  vertical-align: middle;
  background-color: #660c06;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1982{
  vertical-align: middle;
  background-color: #910220;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1983{
  vertical-align: middle;
  background-color: #231709;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1984{
  vertical-align: middle;
  background-color: #4b371c;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1985{
  vertical-align: middle;
  background-color: #352315;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1986{
  vertical-align: middle;
  background-color: #944536;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1987{
  vertical-align: middle;
  background-color: #65350f;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1988{
  vertical-align: middle;
  background-color: #e44f51;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color01"><center>Red</center></td>
<td><div class="color111"><center>Cinnamon</center></td>
<td><div class="color21"><center>Salmon</center></td>
<td><div class="color31"><center>Scarlet</center></td>
<td><div class="color41"><center>Carmine</center></td>
<td><div class="color51"><center>Coral</center></td>
<td><div class="color61"><center>Ruby</center></td>
<td><div class="color71"><center>Crimson</center></td>
</tr><tr>
<td><div class="color81"><center>Cardinal</center></td>
<td><div class="color91"><center>Chili</center></td>
<td><div class="color101"><center>Madder</center></td>
<td><div class="color1111"><center>Redwood</center></td>
<td><div class="color121"><center>Maroon</center></td>
<td><div class="color131"><center>Cinnabar</center></td>
<td><div class="color141"><center>Blood</center></td>
<td><div class="color151"><center>Lust</center></td>
</tr><tr>
<td><div class="color16"><center>Desire</center></td>
<td><div class="color17"><center>Persian</center></td>
<td><div class="color18"><center>Raspberry</center></td>
<td><div class="color19"><center>Sangria</center></td>
<td><div class="color191"><center>Rust</center></td>
<td><div class="color192"><center>Mahogany</center></td>
<td><div class="color193"><center>Vermilion</center></td>
<td><div class="color194"><center>Hibiscus</center></td>
</tr><tr>
<td><div class="color195"><center>Cherry</center></td>
<td><div class="color196"><center>Ardor</center></td>
<td><div class="color197"><center>Wine</center></td>
<td><div class="color198"><center>Blaze</center></td>
<td><div class="color199"><center>Peanut</center></td>
<td><div class="color1991"><center>Merlot</center></td>
<td><div class="color1992"><center>Blush</center></td>
<td><div class="color1993"><center>Cedar</center></td>
</tr><tr>
<td><div class="color1981"><center>Currant</center></td>
<td><div class="color1982"><center>Burgundy</center></td>
<td><div class="color1983"><center>Brown</center></td>
<td><div class="color1984"><center>Coffee</center></td>
<td><div class="color1985"><center>Umber</center></td>
<td><div class="color1986"><center>Chestnut</center></td>
<td><div class="color1987"><center>Caramel</center></td>
<td><div class="color1988"><center>Strawberry</center></td>
</tr></table>
[/html]


Оттенки синего (голубого)
[html]
<style>
.color0a{
  vertical-align: middle;
  background-color: #0000FF;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1a{
  vertical-align: middle;
  background-color: #555D50;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2a{
  vertical-align: middle;
  background-color: #4000FF;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3a{
  vertical-align: middle;
  background-color: #182b56;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4a{
  vertical-align: middle;
  background-color: #082567;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5a{
  vertical-align: middle;
  background-color: #008080;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6a{
  vertical-align: middle;
  background-color: #00B7EB;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7a{
  vertical-align: middle;
  background-color: #7FFFD4;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8a{
  vertical-align: middle;
  background-color: #B2FFFF;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9a{
  vertical-align: middle;
  background-color: #007BA7;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10a{
  vertical-align: middle;
  background-color: #3AB09E;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11a{
  vertical-align: middle;
  background-color: #40E0D0;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12a{
  vertical-align: middle;
  background-color: #43B3AE;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13a{
  vertical-align: middle;
  background-color: #2b3c4d;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14a{
  vertical-align: middle;
  background-color: #7285a5;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15a{
  vertical-align: middle;
  background-color: #7ef9ff;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0aa{
  vertical-align: middle;
  background-color: #95c8d9;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1aa{
  vertical-align: middle;
  background-color: #b0dfe5;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2aa{
  vertical-align: middle;
  background-color: #1d2951;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3aa{
  vertical-align: middle;
  background-color: #0080ff;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4aa{
  vertical-align: middle;
  background-color: #d5f7ff;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5aa{
  vertical-align: middle;
  background-color: #6cbdec;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6aa{
  vertical-align: middle;
  background-color: #94c0c1;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7aa{
  vertical-align: middle;
  background-color: #077ca6;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8aa{
  vertical-align: middle;
  background-color: #006165;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9aa{
  vertical-align: middle;
  background-color: #1d476f;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10aa{
  vertical-align: middle;
  background-color: #2430c5;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11aa{
  vertical-align: middle;
  background-color: #1038be;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12aa{
  vertical-align: middle;
  background-color: #002c34;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13aa{
  vertical-align: middle;
  background-color: #757a86;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14aa{
  vertical-align: middle;
  background-color: #6495ed;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15aa{
  vertical-align: middle;
  background-color: #0014a8;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0a"><center>Blue</center></td>
<td><div class="color1a"><center>Periwinkle</center></td>
<td><div class="color2a"><center>Ultramarine</center></td>
<td><div class="color3a"><center>Navy</center></td>
<td><div class="color4a"><center>Sapphire</center></td>
<td><div class="color5a"><center>Teal</center></td>
<td><div class="color6a"><center>Cyan</center></td>
<td><div class="color7a"><center>Aquamarine</center></td>
</tr><tr>
<td><div class="color8a"><center>Celeste</center></td>
<td><div class="color9a"><center>Cerulean</center></td>
<td><div class="color10a"><center>Keppel</center></td>
<td><div class="color11a"><center>Turquoise</center></td>
<td><div class="color12a"><center>Verdigris</center></td>
<td><div class="color13a"><center>Spruce</center></td>
<td><div class="color14a"><center>Pigeon</center></td>
<td><div class="color15a"><center>Electric</center></td>
</tr><tr>
<td><div class="color0aa"><center>Sky</center></td>
<td><div class="color1aa"><center>Powder</center></td>
<td><div class="color2aa"><center>Space</center></td>
<td><div class="color3aa"><center>Azure</center></td>
<td><div class="color4aa"><center>Frost</center></td>
<td><div class="color5aa"><center>Bluebell</center></td>
<td><div class="color6aa"><center>Tourmaline</center></td>
<td><div class="color7aa"><center>Lagoon</center></td>
</tr><tr>
<td><div class="color8aa"><center>Ocean</center></td>
<td><div class="color9aa"><center>Aegean</center></td>
<td><div class="color10aa"><center>Lapis</center></td>
<td><div class="color11aa"><center>Cobalt</center></td>
<td><div class="color12aa"><center>Peacock</center></td>
<td><div class="color13aa"><center>Slate</center></td>
<td><div class="color14aa"><center>Cornflower</center></td>
<td><div class="color15aa"><center>Zaffre</center></td>
</tr></table>
[/html]


Оттенки зелёного
[html]
<style>
.color0b{
  vertical-align: middle;
  background-color: #00FF00;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1b{
  vertical-align: middle;
  background-color: #BFFF00;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2b{
  vertical-align: middle;
  background-color: #3FFF00;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3b{
  vertical-align: middle;
  background-color: #ACE1AF;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4b{
  vertical-align: middle;
  background-color: #4D5D53;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5b{
  vertical-align: middle;
  background-color: #8F9779;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6b{
  vertical-align: middle;
  background-color: #87A96B;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7b{
  vertical-align: middle;
  background-color: #568203;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8b{
  vertical-align: middle;
  background-color: #71BC78;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9b{
  vertical-align: middle;
  background-color: #74C365;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10b{
  vertical-align: middle;
  background-color: #3EB489;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11b{
  vertical-align: middle;
  background-color: #8A9A5B;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12b{
  vertical-align: middle;
  background-color: #808000;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13b{
  vertical-align: middle;
  background-color: #50C878;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14b{
  vertical-align: middle;
  background-color: #00A86B;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15b{
  vertical-align: middle;
  background-color: #0BDA51;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0bb{
  vertical-align: middle;
  background-color: #74b62e;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1bb{
  vertical-align: middle;
  background-color: #40826D;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2bb{
  vertical-align: middle;
  background-color: #6a7b3e;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3bb{
  vertical-align: middle;
  background-color: #728c69;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4bb{
  vertical-align: middle;
  background-color: #597d35;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5bb{
  vertical-align: middle;
  background-color: #03ac13;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6bb{
  vertical-align: middle;
  background-color: #354a21;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7bb{
  vertical-align: middle;
  background-color: #254536;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8bb{
  vertical-align: middle;
  background-color: #39ff14;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9bb{
  vertical-align: middle;
  background-color: #32612d;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10bb{
  vertical-align: middle;
  background-color: #607d3b;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11bb{
  vertical-align: middle;
  background-color: #3cec97;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12bb{
  vertical-align: middle;
  background-color: #b2d3c2;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13bb{
  vertical-align: middle;
  background-color: #7abe37;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14bb{
  vertical-align: middle;
  background-color: #358c3e;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15bb{
  vertical-align: middle;
  background-color: #9fcc38;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0b"><center>Green</center></td>
<td><div class="color1b"><center>Lime</center></td>
<td><div class="color2b"><center>Harlequin</center></td>
<td><div class="color3b"><center>Celadon</center></td>
<td><div class="color4b"><center>Feldgrau</center></td>
<td><div class="color5b"><center>Artichoke</center></td>
<td><div class="color6b"><center>Asparagus</center></td>
<td><div class="color7b"><center>Avocado</center></td>
</tr><tr>
<td><div class="color8b"><center>Fern</center></td>
<td><div class="color9b"><center>Mantis</center></td>
<td><div class="color10b"><center>Mint</center></td>
<td><div class="color11b"><center>Moss</center></td>
<td><div class="color12b"><center>Olive</center></td>
<td><div class="color13b"><center>Emerald</center></td>
<td><div class="color14b"><center>Jade</center></td>
<td><div class="color15b"><center>Malachite</center></td>
</tr><tr>
<td><div class="color0bb"><center>Pear</center></td>
<td><div class="color1bb"><center>Viridian</center></td>
<td><div class="color2bb"><center>Lignum</center></td>
<td><div class="color3bb"><center>Sage</center></td>
<td><div class="color4bb"><center>Pickle</center></td>
<td><div class="color5bb"><center>Shamrock</center></td>
<td><div class="color6bb"><center>Seaweed</center></td>
<td><div class="color7bb"><center>Bush</center></td>
</tr><tr>
<td><div class="color8bb"><center>Neon</center></td>
<td><div class="color9bb"><center>Basil</center></td>
<td><div class="color10bb"><center>Crocodile</center></td>
<td><div class="color11bb"><center>Seafoam</center></td>
<td><div class="color12bb"><center>Pistachio</center></td>
<td><div class="color13bb"><center>Grape</center></td>
<td><div class="color14bb"><center>Envy</center></td>
<td><div class="color15bb"><center>Kiwi</center></td>
</tr></table>
[/html]


Оттенки жёлтого (оранжевого)
[html]
<style>
.color0c{
  vertical-align: middle;
  background-color: #FFFF00;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1c{
  vertical-align: middle;
  background-color: #EEED09;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2c{
  vertical-align: middle;
  background-color: #FFFFCC;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3c{
  vertical-align: middle;
  background-color: #ffd50d;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4c{
  vertical-align: middle;
  background-color: #effd5f;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5c{
  vertical-align: middle;
  background-color: #C3B091;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6c{
  vertical-align: middle;
  background-color: #DAA520;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7c{
  vertical-align: middle;
  background-color: #f9c802;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8c{
  vertical-align: middle;
  background-color: #d6b75a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9c{
  vertical-align: middle;
  background-color: #fee227;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10c{
  vertical-align: middle;
  background-color: #e8b828;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11c{
  vertical-align: middle;
  background-color: #e4cd05;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12c{
  vertical-align: middle;
  background-color: #F79862;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13c{
  vertical-align: middle;
  background-color: #fdce2a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14c{
  vertical-align: middle;
  background-color: #fce205;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15c{
  vertical-align: middle;
  background-color: #fcf4a3;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0cc{
  vertical-align: middle;
  background-color: #efce7f;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1cc{
  vertical-align: middle;
  background-color: #c29200;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2cc{
  vertical-align: middle;
  background-color: #ffc30b;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3cc{
  vertical-align: middle;
  background-color: #feeb75;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4cc{
  vertical-align: middle;
  background-color: #fee227;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5cc{
  vertical-align: middle;
  background-color: #ed7014;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6cc{
  vertical-align: middle;
  background-color: #fa8128;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7cc{
  vertical-align: middle;
  background-color: #fdae1e;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8cc{
  vertical-align: middle;
  background-color: #b56727;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9cc{
  vertical-align: middle;
  background-color: #be5504;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10cc{
  vertical-align: middle;
  background-color: #fc6a03;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11cc{
  vertical-align: middle;
  background-color: #ed820e;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12cc{
  vertical-align: middle;
  background-color: #ed7117;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13cc{
  vertical-align: middle;
  background-color: #893101;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14cc{
  vertical-align: middle;
  background-color: #d67129;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15cc{
  vertical-align: middle;
  background-color: #d16002;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0ccc{
  vertical-align: middle;
  background-color: #ff7518;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1ccc{
  vertical-align: middle;
  background-color: #fada5f;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2ccc{
  vertical-align: middle;
  background-color: #e3b77a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3ccc{
  vertical-align: middle;
  background-color: #f8de7f;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4ccc{
  vertical-align: middle;
  background-color: #f2e5ab;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5ccc{
  vertical-align: middle;
  background-color: #e4d96f;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6ccc{
  vertical-align: middle;
  background-color: #f8e098;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7ccc{
  vertical-align: middle;
  background-color: #f7ee50;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8ccc{
  vertical-align: middle;
  background-color: #ff9933;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9ccc{
  vertical-align: middle;
  background-color: #eede29;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10ccc{
  vertical-align: middle;
  background-color: #cdb181;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11ccc{
  vertical-align: middle;
  background-color: #cd7722;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12ccc{
  vertical-align: middle;
  background-color: #fcd12a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13ccc{
  vertical-align: middle;
  background-color: #d2b45a;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14ccc{
  vertical-align: middle;
  background-color: #ffd300;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15ccc{
  vertical-align: middle;
  background-color: #ffca4b;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0cccc{
  vertical-align: middle;
  background-color: #ffdf06;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1cccc{
  vertical-align: middle;
  background-color: #eec593;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2cccc{
  vertical-align: middle;
  background-color: #ffffad;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3cccc{
  vertical-align: middle;
  background-color: #e5711e;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4cccc{
  vertical-align: middle;
  background-color: #d37000;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5cccc{
  vertical-align: middle;
  background-color: #feff99;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6cccc{
  vertical-align: middle;
  background-color: #fffe7a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7cccc{
  vertical-align: middle;
  background-color: #b3a477;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0c"><center>Yellow</center></td>
<td><div class="color1c"><center>Xanthic</center></td>
<td><div class="color2c"><center>Cream</center></td>
<td><div class="color3c"><center>Saxe</center></td>
<td><div class="color4c"><center>Lemon</center></td>
<td><div class="color5c"><center>Khaki</center></td>
<td><div class="color6c"><center>Goldenrod</center></td>
<td><div class="color7c"><center>Canary</center></td>
</tr><tr>
<td><div class="color8c"><center>Flaxen</center></td>
<td><div class="color9c"><center>Butter</center></td>
<td><div class="color10c"><center>Mustard</center></td>
<td><div class="color11c"><center>Corn</center></td>
<td><div class="color12c"><center>Melon</center></td>
<td><div class="color13c"><center>Dandelion</center></td>
<td><div class="color14c"><center>Bumblebee</center></td>
<td><div class="color15c"><center>Banana</center></td>
</tr><tr>
<td><div class="color0ccc"><center>Pumpkin</center></td>
<td><div class="color1ccc"><center>Royal</center></td>
<td><div class="color2ccc"><center>Sepia</center></td>
<td><div class="color3ccc"><center>Mellow</center></td>
<td><div class="color4ccc"><center>Vanilla</center></td>
<td><div class="color5ccc"><center>Sraw</center></td>
<td><div class="color6ccc"><center>Jasmine</center></td>
<td><div class="color7ccc"><center>Beer</center></td>
</tr><tr>
<td><div class="color0cccc"><center>Sunflower</center></td>
<td><div class="color1cccc"><center>Suntan</center></td>
<td><div class="color2cccc"><center>Sunshine</center></td>
<td><div class="color3cccc"><center>Autumn</center></td>
<td><div class="color4cccc"><center>Sienna</center></td>
<td><div class="color5cccc"><center>Canary</center></td>
<td><div class="color6cccc"><center>Daisy</center></td>
<td><div class="color7cccc"><center>Sand</center></td>
</tr><tr>
<td><div class="color8ccc"><center>Saffron</center></td>
<td><div class="color9ccc"><center>Sulfur</center></td>
<td><div class="color10ccc"><center>Ecru</center></td>
<td><div class="color11ccc"><center>Ochre</center></td>
<td><div class="color12ccc"><center>Tuscany</center></td>
<td><div class="color13ccc"><center>Trombone</center></td>
<td><div class="color14ccc"><center>Cyber</center></td>
<td><div class="color15ccc"><center>Mimosa</center></td>
</tr><tr>
<td><div class="color0cc"><center>Latte</center></td>
<td><div class="color1cc"><center>Dijon</center></td>
<td><div class="color2cc"><center>Honey</center></td>
<td><div class="color3cc"><center>Blonde</center></td>
<td><div class="color4cc"><center>Pineapple</center></td>
<td><div class="color5cc"><center>Orange</center></td>
<td><div class="color6cc"><center>Tangerine</center></td>
<td><div class="color7cc"><center>Merigold</center></td>
</tr><tr>
<td><div class="color8cc"><center>Cider</center></td>
<td><div class="color9cc"><center>Ginger</center></td>
<td><div class="color10cc"><center>Tiger</center></td>
<td><div class="color11cc"><center>Apricot</center></td>
<td><div class="color12cc"><center>Carrot</center></td>
<td><div class="color13cc"><center>Amber</center></td>
<td><div class="color14cc"><center>Sandstone</center></td>
<td><div class="color15cc"><center>Marmalade</center></td>
</tr></table>
[/html]


Оттенки фиолетового (розового)
[html]
<style>
.color0d{
  vertical-align: middle;
  background-color: #800080;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1d{
  vertical-align: middle;
  background-color: #E0B0FF;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2d{
  vertical-align: middle;
  background-color: #5a3e5a;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3d{
  vertical-align: middle;
  background-color: #da70d6;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4d{
  vertical-align: middle;
  background-color: #DF73FF;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5d{
  vertical-align: middle;
  background-color: #DF00FF;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6d{
  vertical-align: middle;
  background-color: #C54B8C;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7d{
  vertical-align: middle;
  background-color: #9A4EAE;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8d{
  vertical-align: middle;
  background-color: #6C3082;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9d{
  vertical-align: middle;
  background-color: #702963;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10d{
  vertical-align: middle;
  background-color: #72246C;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11d{
  vertical-align: middle;
  background-color: #50249f;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12d{
  vertical-align: middle;
  background-color: #4b0082;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13d{
  vertical-align: middle;
  background-color: #f083f0;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14d{
  vertical-align: middle;
  background-color: #dda1dd;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15d{
  vertical-align: middle;
  background-color: #ff00ff;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0dd{
  vertical-align: middle;
  background-color: #ff00ff;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1dd{
  vertical-align: middle;
  background-color: #e6aaf0;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2dd{
  vertical-align: middle;
  background-color: #9866c5;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3dd{
  vertical-align: middle;
  background-color: #311432;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4dd{
  vertical-align: middle;
  background-color: #a45ee5;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5dd{
  vertical-align: middle;
  background-color: #66042d;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6dd{
  vertical-align: middle;
  background-color: #9b7cb8;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7dd{
  vertical-align: middle;
  background-color: #290916;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8dd{
  vertical-align: middle;
  background-color: #FBAED2;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9dd{
  vertical-align: middle;
  background-color: #FBAED2;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10dd{
  vertical-align: middle;
  background-color: #fb9483;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11dd{
  vertical-align: middle;
  background-color: #fc94ad;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12dd{
  vertical-align: middle;
  background-color: #FFC0CB;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13dd{
  vertical-align: middle;
  background-color: #fa86c5;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14dd{
  vertical-align: middle;
  background-color: #fd5ca8;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15dd{
  vertical-align: middle;
  background-color: #c02a66;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0ddd{
  vertical-align: middle;
  background-color: #954771;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1ddd{
  vertical-align: middle;
  background-color: #ff33cc;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2ddd{
  vertical-align: middle;
  background-color: #a66fb5;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3ddd{
  vertical-align: middle;
  background-color: #736a86;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4ddd{
  vertical-align: middle;
  background-color: #fd94cf;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5ddd{
  vertical-align: middle;
  background-color: #c8a2c8;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6ddd{
  vertical-align: middle;
  background-color: #a9a1d0;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7ddd{
  vertical-align: middle;
  background-color: #fdb6e0;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0d"><center>Purple</center></td>
<td><div class="color1d"><center>Mauve</center></td>
<td><div class="color2d"><center>Blueberry</center></td>
<td><div class="color3d"><center>Orchid</center></td>
<td><div class="color4d"><center>Heliotrope</center></td>
<td><div class="color5d"><center>Phlox</center></td>
<td><div class="color6d"><center>Mulberry</center></td>
<td><div class="color7d"><center>Purpureus</center></td>
</tr><tr>
<td><div class="color8d"><center>Eminence</center></td>
<td><div class="color9d"><center>Byzantium</center></td>
<td><div class="color10d"><center>Palatinate</center></td>
<td><div class="color11d"><center>Dusk</center></td>
<td><div class="color12d"><center>Indigo</center></td>
<td><div class="color13d"><center>Violet</center></td>
<td><div class="color14d"><center>Plum</center></td>
<td><div class="color15d"><center>Magenta</center></td>
</tr><tr>
<td><div class="color0dd"><center>Fuchsia</center></td>
<td><div class="color1dd"><center>Aster</center></td>
<td><div class="color2dd"><center>Iris</center></td>
<td><div class="color3dd"><center>Eggplant</center></td>
<td><div class="color4dd"><center>Amethyst</center></td>
<td><div class="color5dd"><center>Jam</center></td>
<td><div class="color6dd"><center>Heather</center></td>
<td><div class="color7dd"><center>Rasin</center></td>
</tr><tr>
<td><div class="color8dd"><center>Flamingo</center></td>
<td><div class="color9dd"><center>Lavender</center></td>
<td><div class="color10dd"><center>Peach</center></td>
<td><div class="color11dd"><center>Rose</center></td>
<td><div class="color12dd"><center>Pink</center></td>
<td><div class="color13dd"><center>Taffy</center></td>
<td><div class="color14dd"><center>Bubblegum</center></td>
<td><div class="color15dd"><center>Fuscia</center></td>
</tr><tr>
<td><div class="color0ddd"><center>Cassis</center></td>
<td><div class="color1ddd"><center>Tourmaline</center></td>
<td><div class="color2ddd"><center>Wisteria</center></td>
<td><div class="color3ddd"><center>Rum</center></td>
<td><div class="color4ddd"><center>Lollipop</center></td>
<td><div class="color5ddd"><center>Lilac</center></td>
<td><div class="color6ddd"><center>Periwinkle</center></td>
<td><div class="color7ddd"><center>Sakura</center></td>
</tr></table>
[/html]


Оттенки чёрного и белого (серого)
[html]
<style>
.color0{
  vertical-align: middle;
  background-color: #000000;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1{
  vertical-align: middle;
  background-color: #555D50;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2{
  vertical-align: middle;
  background-color: #483C32;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3{
  vertical-align: middle;
  background-color: #36454F;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4{
  vertical-align: middle;
  background-color: #353839;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5{
  vertical-align: middle;
  background-color: #343434;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6{
  vertical-align: middle;
  background-color: #1A1110;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7{
  vertical-align: middle;
  background-color: #B2BEB5;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8{
  vertical-align: middle;
  background-color: #738678;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9{
  vertical-align: middle;
  background-color: #828282;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10{
  vertical-align: middle;
  background-color: #88807B;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11{
  vertical-align: middle;
  background-color: #3E424B;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12{
  vertical-align: middle;
  background-color: #363636;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13{
  vertical-align: middle;
  background-color: #070502;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14{
  vertical-align: middle;
  background-color: #050406;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15{
  vertical-align: middle;
  background-color: #020403;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0e{
  vertical-align: middle;
  background-color: #ffffff;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1e{
  vertical-align: middle;
  background-color: #fdf6e4;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2e{
  vertical-align: middle;
  background-color: #e7dfcc;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3e{
  vertical-align: middle;
  background-color: #c3c4cd;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4e{
  vertical-align: middle;
  background-color: #f7efec;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5e{
  vertical-align: middle;
  background-color: #655a64;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6e{
  vertical-align: middle;
  background-color: #fbfcf7;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7e{
  vertical-align: middle;
  background-color: #fff1e6;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8e{
  vertical-align: middle;
  background-color: #e1e0d4;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9e{
  vertical-align: middle;
  background-color: #dbe3e5;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10e{
  vertical-align: middle;
  background-color: #5a515f;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11e{
  vertical-align: middle;
  background-color: #fbfcf7;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12e{
  vertical-align: middle;
  background-color: #7b6d7d;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13e{
  vertical-align: middle;
  background-color: #f5fefd;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14e{
  vertical-align: middle;
  background-color: #3e3d3b;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15e{
  vertical-align: middle;
  background-color: #4C5866;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8ee{
  vertical-align: middle;
  background-color: #bcbcbe;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9ee{
  vertical-align: middle;
  background-color: #d4e5ed;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10ee{
  vertical-align: middle;
  background-color: #333333;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11ee{
  vertical-align: middle;
  background-color: #d9dddc;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12ee{
  vertical-align: middle;
  background-color: #404040;
  color: #e6e6e6;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color13ee{
  vertical-align: middle;
  background-color: #e9ece5;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color14ee{
  vertical-align: middle;
  background-color: #f1e9de;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color15ee{
  vertical-align: middle;
  background-color: #d5d5d3;
  color: #282828;
  width: 62px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0"><center>Black</center></td>
<td><div class="color1"><center>Ebony</center></td>
<td><div class="color2"><center>Taupe</center></td>
<td><div class="color3"><center>Charcoal</center></td>
<td><div class="color4"><center>Onyx</center></td>
<td><div class="color5"><center>Jet</center></td>
<td><div class="color6"><center>Licorice</center></td>
<td><div class="color7"><center>Ash</center></td>
</tr><tr>
<td><div class="color8"><center>Xanadu</center></td>
<td><div class="color9"><center>Fossil</center></td>
<td><div class="color10"><center>Mink</center></td>
<td><div class="color11"><center>Anchor</center></td>
<td><div class="color12"><center>Shadow</center></td>
<td><div class="color13"><center>Ink</center></td>
<td><div class="color14"><center>Midnight</center></td>
<td><div class="color15"><center>Obsidian</center></td>
</tr><tr>
<td><div class="color0e"><center>White</center></td>
<td><div class="color1e"><center>Ivory</center></td>
<td><div class="color2e"><center>Bone</center></td>
<td><div class="color3e"><center>Cloud</center></td>
<td><div class="color4e"><center>Salt</center></td>
<td><div class="color5e"><center>Fog</center></td>
<td><div class="color6e"><center>Cotton</center></td>
<td><div class="color7e"><center>Coconut</center></td>
</tr><tr>
<td><div class="color8ee"><center>Moon</center></td>
<td><div class="color9ee"><center>Glacier</center></td>
<td><div class="color10ee"><center>Pebble</center></td>
<td><div class="color11ee"><center>Marshmello</center></td>
<td><div class="color12ee"><center>Asphalt</center></td>
<td><div class="color13ee"><center>Marble</center></td>
<td><div class="color14ee"><center>Polar</center></td>
<td><div class="color15ee"><center>Silk</center></td>
</tr><tr>
<td><div class="color8e"><center>Halo</center></td>
<td><div class="color9e"><center>Misty</center></td>
<td><div class="color10e"><center>Smoke</center></td>
<td><div class="color11e"><center>Pearl</center></td>
<td><div class="color12e"><center>Dove</center></td>
<td><div class="color13e"><center>Snow</center></td>
<td><div class="color14e"><center>Graphite</center></td>
<td><div class="color15e"><center>Marengo</center></td>
</tr></table>
[/html]

0

3

Особым случаем являются так называемые "металлические аватары", тоесть те у кого вместо цвета в первой части имени указано название металла. Они имеют свою собственную "линейную шкалу" - в которой слева-направо усиливается прочность и защита и ослабляется стойкость к коррозионным и ядовитым атакам. Обычно эти аватары ориентированы на защиту и лишены усиливающего снаряжения. Но зато могут иметь уникальную способность связанную с химическими или физическими свойствами реального металла. Морально сломленные дети с тяжелыми душевными травмами, о которых они не хотят вспоминать или забыли и мечтающие отгородиться от мира имеют высокий шанс получить металлического аватара.

Группы металлов
1. Щелочные:
[html]
<style>
.color0r{
  vertical-align: middle;
  background-color: #dadbde;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1r{
  vertical-align: middle;
  background-color: #e4e4e2;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2r{
  vertical-align: middle;
  background-color: #c2cabf;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3r{
  vertical-align: middle;
  background-color: #bfc8ca;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4r{
  vertical-align: middle;
  background-color: #d1c2a1;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5r{
  vertical-align: middle;
  background-color: #e6997b;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0r"><center>Lithium</center></td>
<td><div class="color1r"><center>Natrium</center></td>
<td><div class="color2r"><center>Kalium</center></td>
<td><div class="color3r"><center>Rubidium</center></td>
<td><div class="color4r"><center>Caesium</center></td>
<td><div class="color5r"><center>Francium</center></td>
</tr></table>
[/html]

2. Щёлочноземельные:

[html]
<style>
.color0t{
  vertical-align: middle;
  background-color: #8c97a5;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1t{
  vertical-align: middle;
  background-color: #dab57a;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2t{
  vertical-align: middle;
  background-color: #4e4d53;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3t{
  vertical-align: middle;
  background-color: #f7f1c7;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0t"><center>Calcium</center></td>
<td><div class="color1t"><center>Strontium</center></td>
<td><div class="color2t"><center>Barium</center></td>
<td><div class="color3t"><center>Radium</center></td>
</tr></table>
[/html]

3. Другие:

[html]
<style>
.color0y{
  vertical-align: middle;
  background-color: #5f6464;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1y{
  vertical-align: middle;
  background-color: #80817b;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0y"><center>Beryllium</center></td>
<td><div class="color1y"><center>Magnesium</center></td>

</tr></table>
[/html]

4. Переходные:

[html]
<style>
.color0s{
  vertical-align: middle;
  background-color: #8f8c87;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1s{
  vertical-align: middle;
  background-color: #c4bcb1;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2s{
  vertical-align: middle;
  background-color: #a6a19d;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3s{
  vertical-align: middle;
  background-color: #d2d3cd;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4s{
  vertical-align: middle;
  background-color: #a18260;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5s{
  vertical-align: middle;
  background-color: #999a9c;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color6s{
  vertical-align: middle;
  background-color: #f7ce00;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color7s{
  vertical-align: middle;
  background-color: #cbcfd5;
  color: #282828;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color8s{
  vertical-align: middle;
  background-color: #b6b3bc;
  color: #e6e6e6;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color9s{
  vertical-align: middle;
  background-color: #c0c4c5;
  color: #282828;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color10s{
  vertical-align: middle;
  background-color: #d5d0ba;
  color: #282828;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color11s{
  vertical-align: middle;
  background-color: #9e9e9e;
  color: #e6e6e6;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color12s{
  vertical-align: middle;
  background-color: #898681;
  color: #e6e6e6;
  width: 82px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0s"><center>Uranium</center></td>
<td><div class="color1s"><center>Titanium</center></td>
<td><div class="color2s"><center>Iron</center></td>
<td><div class="color3s"><center>Platinum</center></td>
<td><div class="color4s"><center>Cuprum</center></td>
<td><div class="color5s"><center>Zincum</center></td>
<td><div class="color6s"><center>Gold</center></td>
</tr></table><table><tr>
<td><div class="color7s"><center>Silver</center></td>
<td><div class="color8s"><center>Palladium</center></td>
<td><div class="color9s"><center>Hydrargyrum</center></td>
<td><div class="color10s"><center>Nickel</center></td>
<td><div class="color11s"><center>Cobalt</center></td>
<td><div class="color12s"><center>Wolfram</center></td>
</tr></table>
[/html]

5. Постпереходные:
[html]
<style>
.color0y{
  vertical-align: middle;
  background-color: #b0b3a9;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1y{
  vertical-align: middle;
  background-color: #9b9c9d;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2y{
  vertical-align: middle;
  background-color: #cececc;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3y{
  vertical-align: middle;
  background-color: #bacabe;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4y{
  vertical-align: middle;
  background-color: #c8c8be;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0y"><center>Aluminium</center></td>
<td><div class="color1y"><center>Gallium</center></td>
<td><div class="color2y"><center>Plumbum</center></td>
<td><div class="color3y"><center>Stannum</center></td>
<td><div class="color4y"><center>Cadmium</center></td>
</tr></table>
[/html]

0

4

Также существуют и "бесцветные" аватары. Бронёй таких аватаров может являться, например, стихия. Подобно металлическим аватарам перенимают свойства у вещества, фигурирующего в названии.

Натуральные
[html]
<style>
.color0n{
  vertical-align: middle;
  background-color: #2feaf1;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1n{
  vertical-align: middle;
  background-color: #b7d606;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2n{
  vertical-align: middle;
  background-color: #fda50f;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3n{
  vertical-align: middle;
  background-color: #3f301d;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4n{
  vertical-align: middle;
  background-color: #efefef;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color0nn{
  vertical-align: middle;
  background-color: #aa8e9a;
  color: #efefef;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0n"><center>Aqua</center></td>
<td><div class="color1n"><center>Grass</center></td>
<td><div class="color2n"><center>Fire</center></td>
<td><div class="color3n"><center>Wood</center></td>
<td><div class="color4n"><center>Wind</center></td>
</tr><tr>
<td><div class="color0nn"><center>Thistle</center></td>
</tr></table>
[/html]


Другие
[html]
<style>
.color0h{
  vertical-align: middle;
  background-color: #ccd9d8;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color1h{
  vertical-align: middle;
  background-color: #c8c8c8;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color2h{
  vertical-align: middle;
  background-color: #969696;
  color: #e6e6e6;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color3h{
  vertical-align: middle;
  background-color: #ffffff;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color4h{
  vertical-align: middle;
  background-color: #e8e8e8;
  color: #282828;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
.color5h{
  vertical-align: middle;
  background-color: #2c1503;
  color: #e8e8e8;
  width: 66px;
  height: 24px;
  padding-top: 10px;
  border: 1px gray solid!important;
}
</style>
<table><tr>
<td><div class="color0h"><center>Glass</center></td>
<td><div class="color1h"><center>Mirror</center></td>
<td><div class="color2h"><center>Rubber</center></td>
<td><div class="color5h"><center>Chocolate</center></td>
<td><div class="color3h"><center>Paper</center></td>
<td><div class="color4h"><center>Crystal</center></td>
</tr></table>
[/html]

0


Вы здесь » Accel World // Nagoya » Инфоблок » Цветовые особенности аватаров


Рейтинг форумов | Создать форум бесплатно