Урок 8 - Создание персональной таблицы цветов
| ||||||
Цвета HTML Хотите иметь свою личную таблицу цветов? 1. Откройте блокнот
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. Специально для вас – Линьшин Никита (Progger) | ||||||
Теги: |
Похожие материалы:
| |||
Добавлять комментарии могут только зарегистрированные пользователи. |