Урок 8 - Создание персональной таблицы цветов

Progger | 17.05.2011, 16:00:22 | Просмотров: 2707
Цвета HTML

Хотите иметь свою личную таблицу цветов?

1. Откройте блокнот
2. Скопируйте данный ниже код
3. Сохраните документ с форматом .html
4. Откройте документ вашим браузером

Code

<table>
<tr>
<td class="primer" style="width: 200px;"><b>Пример</b>
</td><td class="primer"><b>RGB-код</b>
</td><td class="primer"><b>Эквивалентное название</b>
</td><td class="primer"><b>Название цвета</b>
</td></tr>
<tr>
<td style="background-color: #000000;"> 
</td><td>#000000
</td><td>black
</td><td>Черный
</td></tr>
<tr>
<td style="background-color: #000080;"> 
</td><td>#000080
</td><td>navy
</td><td>Темно-синий
</td></tr>
<tr>
<td style="background-color: #00008B;"> 
</td><td>#00008B
</td><td>darkblue
</td><td>Темно-голубой
</td></tr>
<tr>
<td style="background-color: #0000CD;"> 
</td><td>#0000CD
</td><td>mediumblue
</td><td>Умеренно-голубой
</td></tr>
<tr>
<td style="background-color: #0000FF;"> 
</td><td>#0000FF
</td><td>blue
</td><td>Голубой
</td></tr>
<tr>
<td style="background-color: #006400;"> 
</td><td>#006400
</td><td>darkgreen
</td><td>Темно-зеленый
</td></tr>
<tr>
<td style="background-color: #008000;"> 
</td><td>#008000
</td><td>green
</td><td>Зеленый
</td></tr>
<tr>
<td style="background-color: #008080;"> 
</td><td>#008080
</td><td>teal
</td><td>Чайный
</td></tr>
<tr>
<td style="background-color: #008B8B;"> 
</td><td>#008B8B
</td><td>darkcyan
</td><td>Темный циан
</td></tr>
<tr>
<td style="background-color: #00BFFF;"> 
</td><td>#00BFFF
</td><td>deepskyblue
</td><td>Темный небесно-синий
</td></tr>
<tr>
<td style="background-color: #00CED1;"> 
</td><td>#00CED1
</td><td>darkturquoise
</td><td>Темно-бирюзовый
</td></tr>
<tr>
<td style="background-color: #00FA9A;"> 
</td><td>#00FA9A
</td><td>mediumspringgreen
</td><td>Умеренный синевато-серый
</td></tr>
<tr>
<td style="background-color: #00FF00;"> 
</td><td>#00FF00
</td><td>lime
</td><td>Известковый
</td></tr>
<tr>
<td style="background-color: #00FF7F;"> 
</td><td>#00FF7F
</td><td>springgreen
</td><td>Весенний зеленый
</td></tr>
<tr>
<td style="background-color: #00FFFF;"> 
</td><td>#00FFFF
</td><td>aqua
</td><td>Синий
</td></tr>
<tr>
<td style="background-color: #191970;"> 
</td><td>#191970
</td><td>midnightblue
</td><td>Ночной синий
</td></tr>
<tr>
<td style="background-color: #1E90FF;"> 
</td><td>#1E90FF
</td><td>dodgerblue
</td><td>Тускло-васильковый
</td></tr>
<tr>
<td style="background-color: #20B2AA;"> 
</td><td>#20B2AA
</td><td>lightseagreen
</td><td>Светлый морской волны
</td></tr>
<tr>
<td style="background-color: #228B22;"> 
</td><td>#228B22
</td><td>forestgreen
</td><td>Лесной зеленый
</td></tr>
<tr>
<td style="background-color: #2E8B57;"> 
</td><td>#2E8B57
</td><td>seagreen
</td><td>Морской волны
</td></tr>
<tr>
<td style="background-color: #2F4F4F;"> 
</td><td>#2F4F4F
</td><td>darkslategray
</td><td>Темный синевато-серый
</td></tr>
<tr>
<td style="background-color: #32CD32;"> 
</td><td>#32CD32
</td><td>limegreen
</td><td>Зеленовато-известковый
</td></tr>
<tr>
<td style="background-color: #3CB371;"> 
</td><td>#3CB371
</td><td>mediumseagreen
</td><td>Умеренный морской волны
</td></tr>
<tr>
<td style="background-color: #40E0D0;"> 
</td><td>#40E0D0
</td><td>turquoise
</td><td>Бирюзовый
</td></tr>
<tr>
<td style="background-color: #4169E1;"> 
</td><td>#4169E1
</td><td>royalblue
</td><td>Королевский голубой
</td></tr>
<tr>
<td style="background-color: #4682B4;"> 
</td><td>#4682B4
</td><td>steelblue
</td><td>Голубовато-стальной
</td></tr>
<tr>
<td style="background-color: #483D8B;"> 
</td><td>#483D8B
</td><td>darkslateblue
</td><td>Темный серовато-синий
</td></tr>
<tr>
<td style="background-color: #48D1CC;"> 
</td><td>#48D1CC
</td><td>mediumturquoise
</td><td>Умеренно-бирюзовый
</td></tr>
<tr>
<td style="background-color: #4B0082;"> 
</td><td>#4B0082
</td><td>indigo
</td><td>Индиго
</td></tr>
<tr>
<td style="background-color: #556B2F;"> 
</td><td>#556B2F
</td><td>darkolivegreen
</td><td>Темно-оливковый
</td></tr>
<tr>
<td style="background-color: #5F9EA0;"> 
</td><td>#5F9EA0
</td><td>cadetblue
</td><td>Блеклый серо-голубой
</td></tr>
<tr>
<td style="background-color: #6495ED;"> 
</td><td>#6495ED
</td><td>cornflowerblue
</td><td>Васильковый
</td></tr>
<tr>
<td style="background-color: #66CDAA;"> 
</td><td>#66CDAA
</td><td>mediumaaquamarine
</td><td>Умеренно-аквамариновый
</td></tr>
<tr>
<td style="background-color: #696969;"> 
</td><td>#696969
</td><td>dimgray
</td><td>Тускло-серый
</td></tr>
<tr>
<td style="background-color: #6A5ACD;"> 
</td><td>#6A5ACD
</td><td>slateblue
</td><td>Серовато-синий
</td></tr>
<tr>
<td style="background-color: #6B8E23;"> 
</td><td>#6B8E23
</td><td>olivedrab
</td><td>Тускло-коричневый
</td></tr>
<tr>
<td style="background-color: #708090;"> 
</td><td>#708090
</td><td>slategray
</td><td>Синевато-серый
</td></tr>
<tr>
<td style="background-color: #778899;"> 
</td><td>#778899
</td><td>lightslategray
</td><td>Светлый синевато-серый
</td></tr>
<tr>
<td style="background-color: #7B68EE;"> 
</td><td>#7B68EE
</td><td>mediumslateblue
</td><td>Умеренный серовато-синий
</td></tr>
<tr>
<td style="background-color: #7CFC00;"> 
</td><td>#7CFC00
</td><td>lawngreen
</td><td>Зеленой травы
</td></tr>
<tr>
<td style="background-color: #7FFF00;"> 
</td><td>#7FFF00
</td><td>chartreuse
</td><td>Фисташковый
</td></tr>
<tr>
<td style="background-color: #7FFFD4;"> 
</td><td>#7FFFD4
</td><td>aquamarine
</td><td>Аквамарин
</td></tr>
<tr>
<td style="background-color: #800000;"> 
</td><td>#800000
</td><td>maroon
</td><td>Оранжево-розовый
</td></tr>
<tr>
<td style="background-color: #800080;"> 
</td><td>#800080
</td><td>purple
</td><td>Пурпурный
</td></tr>
<tr>
<td style="background-color: #808000;"> 
</td><td>#808000
</td><td>olive
</td><td>Оливковый
</td></tr>
<tr>
<td style="background-color: #808080;"> 
</td><td>#808080
</td><td>gray
</td><td>Серый
</td></tr>
<tr>
<td style="background-color: #87CEEB;"> 
</td><td>#87CEEB
</td><td>skyblue
</td><td>Небесно-голубой
</td></tr>
<tr>
<td style="background-color: #87CEFA;"> 
</td><td>#87CEFA
</td><td>lightskyblue
</td><td>Светлый небесно-синий
</td></tr>
<tr>
<td style="background-color: #8A2BE2;"> 
</td><td>#8A2BE2
</td><td>blueviolet
</td><td>Светло-фиолетовый
</td></tr>
<tr>
<td style="background-color: #8B0000;"> 
</td><td>#8B0000
</td><td>darkred
</td><td>Темно-красный
</td></tr>
<tr>
<td style="background-color: #8B008B;"> 
</td><td>#8B008B
</td><td>darkmagenta
</td><td>Темный фуксин
</td></tr>
<tr>
<td style="background-color: #8B4513;"> 
</td><td>#8B4513
</td><td>saddlebrown
</td><td>Старой кожи
</td></tr>
<tr>
<td style="background-color: #8FBC8F;"> 
</td><td>#8FBC8F
</td><td>darkseagreen
</td><td>Темный морской волны
</td></tr>
<tr>
<td style="background-color: #9370DB;"> 
</td><td>#9370DB
</td><td>mediumpurple
</td><td>Умеренно-пурпурный
</td></tr>
<tr>
<td style="background-color: #9400D3;"> 
</td><td>#9400D3
</td><td>darkviolet
</td><td>Темно-фиолетовый
</td></tr>
<tr>
<td style="background-color: #98FB98;"> 
</td><td>#98FB98
</td><td>palegreen
</td><td>Бледно-зеленый
</td></tr>
<tr>
<td style="background-color: #9932CC;"> 
</td><td>#9932CC
</td><td>darkorchid
</td><td>Темно-орхидейный
</td></tr>
<tr>
<td style="background-color: #9ACD32;"> 
</td><td>#9ACD32
</td><td>yellowgreen
</td><td>Желто-зеленый
</td></tr>
<tr>
<td style="background-color: #9CEE90;"> 
</td><td>#9CEE90
</td><td>lightgreen
</td><td>Светло-зеленый
</td></tr>
<tr>
<td style="background-color: #A0522D;"> 
</td><td>#A0522D
</td><td>sienna
</td><td>Охра
</td></tr>
<tr>
<td style="background-color: #A52A2A;"> 
</td><td>#A52A2A
</td><td>brown
</td><td>Коричневый
</td></tr>
<tr>
<td style="background-color: #A9A9A9;"> 
</td><td>#A9A9A9
</td><td>darkgray
</td><td>Темно-серый
</td></tr>
<tr>
<td style="background-color: #ADD8E6;"> 
</td><td>#ADD8E6
</td><td>lightblue
</td><td>Светло-голубой
</td></tr>
<tr>
<td style="background-color: #ADFF2F;"> 
</td><td>#ADFF2F
</td><td>greenyellow
</td><td>Желто-зеленый
</td></tr>
<tr>
<td style="background-color: #AFEEEE;"> 
</td><td>#AFEEEE
</td><td>paleturquise
</td><td>Бледно-бирюзовый
</td></tr>
<tr>
<td style="background-color: #B0C4DE;"> 
</td><td>#B0C4DE
</td><td>lightsteelblue
</td><td>Светло-стальной
</td></tr>
<tr>
<td style="background-color: #B0E0E6;"> 
</td><td>#B0E0E6
</td><td>powderblue
</td><td>Туманно-голубой
</td></tr>
<tr>
<td style="background-color: #B22222;"> 
</td><td>#B22222
</td><td>firebrick
</td><td>Огнеупорного кирпича
</td></tr>
<tr>
<td style="background-color: #B8860B;"> 
</td><td>#B8860B
</td><td>darkgoldenrod
</td><td>Темный красно-золотой
</td></tr>
<tr>
<td style="background-color: #BA55D3;"> 
</td><td>#BA55D3
</td><td>mediumorchid
</td><td>Умеренно-орхидейный
</td></tr>
<tr>
<td style="background-color: #BC8F8F;"> 
</td><td>#BC8F8F
</td><td>rosybrown
</td><td>Розово-коричневый
</td></tr>
<tr>
<td style="background-color: #BDB76B;"> 
</td><td>#BDB76B
</td><td>darkkhaki
</td><td>Темный хаки
</td></tr>
<tr>
<td style="background-color: #C0C0C0;"> 
</td><td>#C0C0C0
</td><td>silver
</td><td>Серебристый
</td></tr>
<tr>
<td style="background-color: #C71585;"> 
</td><td>#C71585
</td><td>mediumvioletred
</td><td>Умеренный красно-фиолетовый
</td></tr>
<tr>
<td style="background-color: #CD5C5C;"> 
</td><td>#CD5C5C
</td><td>indianred
</td><td>Ярко-красный
</td></tr>
<tr>
<td style="background-color: #CD853F;"> 
</td><td>#CD853F
</td><td>peru
</td><td>Коричневый
</td></tr>
<tr>
<td style="background-color: #D2691E;"> 
</td><td>#D2691E
</td><td>chocolate
</td><td>Шоколадный
</td></tr>
<tr>
<td style="background-color: #D2B48C;"> 
</td><td>#D2B48C
</td><td>tan
</td><td>Желтовато-коричневый
</td></tr>
<tr>
<td style="background-color: #D3D3D3;"> 
</td><td>#D3D3D3
</td><td>lightgray
</td><td>Светло-серый
</td></tr>
<tr>
<td style="background-color: #D8BFD8;"> 
</td><td>#D8BFD8
</td><td>thistle
</td><td>Чертополоха
</td></tr>
<tr>
<td style="background-color: #DA70D6;"> 
</td><td>#DA70D6
</td><td>orchid
</td><td>Орхидейный
</td></tr>
<tr>
<td style="background-color: #DAA520;"> 
</td><td>#DAA520
</td><td>goldenrod
</td><td>Красного золота
</td></tr>
<tr>
<td style="background-color: #DB7093;"> 
</td><td>#DB7093
</td><td>plaevioletred
</td><td>Бледный красно-фиолетовый
</td></tr>
<tr>
<td style="background-color: #DC143C;"> 
</td><td>#DC143C
</td><td>cornsilk
</td><td>Малиновый
</td></tr>
<tr>
<td style="background-color: #DCDCDC;"> 
</td><td>#DCDCDC
</td><td>fainsboro
</td><td>Светлый серо-фиолетовый
</td></tr>
<tr>
<td style="background-color: #DDA0DD;"> 
</td><td>#DDA0DD
</td><td>plum
</td><td>Сливовый
</td></tr>
<tr>
<td style="background-color: #DEB887;"> 
</td><td>#DEB887
</td><td>burlywood
</td><td>Старого дерева
</td></tr>
<tr>
<td style="background-color: #E0FFFF;"> 
</td><td>#E0FFFF
</td><td>lightcyan
</td><td>Светлый циан
</td></tr>
<tr>
<td style="background-color: #E6E6FA;"> 
</td><td>#E6E6FA
</td><td>lavender
</td><td>Бледно-лиловый
</td></tr>
<tr>
<td style="background-color: #E9967A;"> 
</td><td>#E9967A
</td><td>darksalmon
</td><td>Темный оранжево-розовый
</td></tr>
<tr>
<td style="background-color: #EE82EE;"> 
</td><td>#EE82EE
</td><td>violet
</td><td>Фиолетовый
</td></tr>
<tr>
<td style="background-color: #EEE8AA;"> 
</td><td>#EEE8AA
</td><td>palegoldenrod
</td><td>Бледно-золотой
</td></tr>
<tr>
<td style="background-color: #F08080;"> 
</td><td>#F08080
</td><td>lightcoral
</td><td>Светло-коралловый
</td></tr>
<tr>
<td style="background-color: #F0E68C;"> 
</td><td>#F0E68C
</td><td>khaki
</td><td>Хаки
</td></tr>
<tr>
<td style="background-color: #F0F8FF;"> 
</td><td>#F0F8FF
</td><td>aliceBlue
</td><td>Блекло-голубой
</td></tr>
<tr>
<td style="background-color: #F0FFF0;"> 
</td><td>#F0FFF0
</td><td>honeydew
</td><td>Свежего меда
</td></tr>
<tr>
<td style="background-color: #F0FFFF;"> 
</td><td>#F0FFFF
</td><td>azure
</td><td>Лазурь
</td></tr>
<tr>
<td style="background-color: #F4A460;"> 
</td><td>#F4A460
</td><td>sandybrown
</td><td>Рыже-коричневый
</td></tr>
<tr>
<td style="background-color: #F5DEB3;"> 
</td><td>#F5DEB3
</td><td>wheat
</td><td>Пшеничный
</td></tr>
<tr>
<td style="background-color: #F5F5DC;"> 
</td><td>#F5F5DC
</td><td>beige
</td><td>Бежевый
</td></tr>
<tr>
<td style="background-color: #F5F5F5;"> 
</td><td>#F5F5F5
</td><td>whitesmoke
</td><td>Белый дымчатый
</td></tr>
<tr>
<td style="background-color: #F5FFFA;"> 
</td><td>#F5FFFA
</td><td>mintcream
</td><td>Мятно-кремовый
</td></tr>
<tr>
<td style="background-color: #F8F8FF;"> 
</td><td>#F8F8FF
</td><td>ghostwhite
</td><td>Туманно-белый
</td></tr>
<tr>
<td style="background-color: #FA8072;"> 
</td><td>#FA8072
</td><td>salmon
</td><td>Оранжево-розовый
</td></tr>
<tr>
<td style="background-color: #FAEBD7;"> 
</td><td>#FAEBD7
</td><td>antuqueWhite
</td><td>Античный белый
</td></tr>
<tr>
<td style="background-color: #FAF0E6;"> 
</td><td>#FAF0E6
</td><td>linen
</td><td>Льняной
</td></tr>
<tr>
<td style="background-color: #FDF5E6;"> 
</td><td>#FDF5E6
</td><td>oldlace
</td><td>Старого коньяка
</td></tr>
<tr>
<td style="background-color: #FF00FF;"> 
</td><td>#FF00FF
</td><td>fuchsia
</td><td>Фуксия
</td></tr>
<tr>
<td style="background-color: #FF1493;"> 
</td><td>#FF1493
</td><td>deeppink
</td><td>Темно-розовый
</td></tr>
<tr>
<td style="background-color: #FF4500;"> 
</td><td>#FF4500
</td><td>orangered
</td><td>Красно-оранжевый
</td></tr>
<tr>
<td style="background-color: #FF6347;"> 
</td><td>#FF6347
</td><td>tomato
</td><td>Томатный
</td></tr>
<tr>
<td style="background-color: #FF69B4;"> 
</td><td>#FF69B4
</td><td>hotpink
</td><td>Ярко-розовый
</td></tr>
<tr>
<td style="background-color: #FF7F50;"> 
</td><td>#FF7F50
</td><td>coral
</td><td>Коралловый
</td></tr>
<tr>
<td style="background-color: #FF8C00;"> 
</td><td>#FF8C00
</td><td>darkorange
</td><td>Темно-оранжевый
</td></tr>
<tr>
<td style="background-color: #FFA07A;"> 
</td><td>#FFA07A
</td><td>lightsalmon
</td><td>Светлый оранжево-розовый
</td></tr>
<tr>
<td style="background-color: #FFA500;"> 
</td><td>#FFA500
</td><td>orange
</td><td>Оранжевый
</td></tr>
<tr>
<td style="background-color: #FFB6C1;"> 
</td><td>#FFB6C1
</td><td>lightpink
</td><td>Светло-розовый
</td></tr>
<tr>
<td style="background-color: #FFC0CB;"> 
</td><td>#FFC0CB
</td><td>pink
</td><td>Розовый
</td></tr>
<tr>
<td style="background-color: #FFD700;"> 
</td><td>#FFD700
</td><td>gold
</td><td>Золотой
</td></tr>
<tr>
<td style="background-color: #FFDAB9;"> 
</td><td>#FFDAB9
</td><td>peachpuff
</td><td>Персиковый
</td></tr>
<tr>
<td style="background-color: #FFDEAD;"> 
</td><td>#FFDEAD
</td><td>navajowhite
</td><td>Грязно-серый
</td></tr>
<tr>
<td style="background-color: #FFE4B5;"> 
</td><td>#FFE4B5
</td><td>moccasin
</td><td>Болотный
</td></tr>
<tr>
<td style="background-color: #FFE4C4;"> 
</td><td>#FFE4C4
</td><td>bisque
</td><td>Бисквитный
</td></tr>
<tr>
<td style="background-color: #FFE4E1;"> 
</td><td>#FFE4E1
</td><td>mistyrose
</td><td>Туманно-розовый
</td></tr>
<tr>
<td style="background-color: #FFEBCD;"> 
</td><td>#FFEBCD
</td><td>blanchedalmond
</td><td>Светло-кремовый
</td></tr>
<tr>
<td style="background-color: #FFEFD5;"> 
</td><td>#FFEFD5
</td><td>papayaawhip
</td><td>Дыни
</td></tr>
<tr>
<td style="background-color: #FFF0F5;"> 
</td><td>#FFF0F5
</td><td>lavenderblush
</td><td>Бледный розово-лиловый
</td></tr>
<tr>
<td style="background-color: #FFF5EE;"> 
</td><td>#FFF5EE
</td><td>seashell
</td><td>Морской пены
</td></tr>
<tr>
<td style="background-color: #FFF8DC;"> 
</td><td>#FFF8DC
</td><td>cornsilk
</td><td>Темно-зеленый
</td></tr>
<tr>
<td style="background-color: #FFFACD;"> 
</td><td>#FFFACD
</td><td>lemonchiffon
</td><td>Лимонный
</td></tr>
<tr>
<td style="background-color: #FFFAF0;"> 
</td><td>#FFFAF0
</td><td>floralwhite
</td><td>Цветочно-белый
</td></tr>
<tr>
<td style="background-color: #FFFAFA;"> 
</td><td>#FFFAFA
</td><td>snow
</td><td>Снежный
</td></tr>
<tr>
<td style="background-color: #FFFF00;"> 
</td><td>#FFFF00
</td><td>yellow
</td><td>Желтый
</td></tr>
<tr>
<td style="background-color: #FFFFE0;"> 
</td><td>#FFFFE0
</td><td>lightyellow
</td><td>Светло-желтый
</td></tr>
<tr>
<td style="background-color: #FFFFF0;"> 
</td><td>#FFFFF0
</td><td>ivory
</td><td>Слоновой кости
</td></tr>
<tr>
<td style="background-color: #FFFFFF;"> 
</td><td>#FFFFFF
</td><td>white
</td><td>Белый
</td></tr></table>

Если у вас неправильно отображается таблица или вообще не открывается, значит у вас слишком старый браузер, попробуйте скачать поновей, я, например, советую вам Mozilla Firefox.



А вот таблица WEB цветов


Специально для вас – Линьшин Никита (Progger)

Теги: Палитра, цвета, html, wmpoln, уроки
Похожие материалы:
Комментарии:
0
Добавлять комментарии могут только зарегистрированные пользователи.



Для покупки программы пишите сюда или на почту bysib@yandex.ru



Система Orphus