фиолетовый #800080 Цвет шестнадцатеричный код и гармония
таблица цветов
Цветовые вариации могут быть получены или синтезированы путем смешивания специальных цветов, которые называются «основными». Существует несколько цветовых моделей, и каждый цвет может быть разделен на его основные компоненты. На следующих диаграммах показана интенсивность различных основных цветов.
В цветовой модели RBG цвет #800080 представляет собой смесь красного с интенсивностью 50.2%, зеленого с интенсивностью 0% и синего с интенсивностью 50.2%.
CMYK модель #800080Преобразования цветового пространства
Шестнадцатеричный цвет 800080 имеет значения цветового пространства RBG R:128, G:0, B:128 и значения цветового пространства CMYK C:0, M:1, Y:0, K:0.5
| колориметрия | значение | Язык CSS |
| Шестнадцатеричный RGB | 800080 | #800080 |
| Десятичный RGB | 128,0,128 | rgb(128,0,128) |
| HTML/CSS | purple | purple |
| Процент RGB | 50.1,0,50.1 | rgb(50.1%,0%,50.1%) |
| CMYK | 0,100,0,50 | |
| HSL | 300,100,25 | hsl(300,100%,25%) |
| HSV | 300,100,50 |
Цветовые гармонии
Каждый цвет можно комбинировать с другими цветами, что может привести к плохим или хорошим результатам. Цветовой круг часто можно использовать для выбора цветов, которые хорошо себя ведут с #800080
Гармония с 2 цветами
цветовой кругдополнительные цвета
Гармонии с 3 цветами
цветовой кругблизкие + дополнительныецветовой круг
равнобедренныйцветовой круг
равнобедренныйцветовой круг
равностороннийцветовой круг
дополнительные цвета
Гармонии с 4 цветами
цветовой кругплощадьцветовой круг
прямоугольныйцветовой круг
прямоугольный
Цвета из таблиц красок, относящиеся к #800080
Если вы ищете цвета, похожие на #800080, следующая палитра может помочь вам в ваших поисках.
Обратите внимание, что мы не можем гарантировать, что окончательный цвет (на стене, потолке и т. Д.) Будет идентичен тому, который вы видите на экране.
Этот список даст вам инструкции по поиску соответствующих ссылок на краски, чтобы вы могли провести собственное тестирование.
#9d4f84
Azalea#b34f83
Extravagante#7d3761
Frambuesa Silvestre *Alpina
#8d435c
Rendezvous#b0385a
Blütentanz#431832
Tiefer TraumBristol
#bf4c82
hot lips#a55b8c
purple angel#a6527e
pre-dawn skyBruguer
#ad588f
Rosa Suntuoso#aa4e81
Kenia Fucsia Masai#863b67
Fuente De RubíCIL
#a1598a
bourgeon exotique#824367
rouge framboise#824367
framboise intenseCaparol
#9c3673
RAL 4006#85235c
3D Diva 30#a85491
3D Pink 30Coral
#9d4f84
Azaléia#ad588f
Mandala#863b67
Roxo RetrôCrayola
#783195
wild orchid#803790
vivid violet#843179
plumCrowdFlower
#800781
фиолетовый#7e0484
фиолетовый#870b8c
фиолетовыйDekoral
#cc71a4
sztuka origami#c6547c
malinowy song#9e4c68
pocalunek gejszyDevoe
#a1598a
exotic bloom#b55787
flamboyant#824367
razz berriesDisney By Glidden
#a1598a
fashionista#b55787
pretty as a princess#785d90
purple cutenessDulux
#a1598a
bourgeon exotique#b55787
rouge framboiseDunn-Edwards
#9b4b80
Plum Passion#804b81
Vibrant Orchid#845998
CabaretDyrup
#6d0168
dy66 fuchsia#8126a3
r18#943ba9
4132Flexa
#ad588f
Puur Framboos#863b67
100% Framboos#4a437e
Puur PinksterbloemHistor
#9f5f9c
violet#82497b
braam#7e5694
purperHoli powder — Color me rad
#a385cf
violet#7f99f8
violet holi#519ecf
bleu flashICI
#a1598a
exotic bloom#b55787
flamboyant#8a5c8e
purple hyacinth — 1646Johnstone’s Trade
#833f87
s 3055-r50b#833f87
s 3055-r50b#882f70
s 3055-r40bMaxMeyer
#8a326c
Deva#732f63
Saint Tropez#ab3e71
PeoniaNautica
#415397
bright cobalt#cb567c
sailor’s warning#86455c
crushed berryOlympic
#905284
grape juice#7f4774
magic magenta#9f4e77
cerisePPG Porter Paints
#935284
grape juice#905284
grape juice#9d5a8f
bermuda onionPittsburgh Paints & Stains
#9d5a8f
bermuda onion#5a4e88
eggplant#654161
royal plumPosca
#693dae
Violet#6349a1
Violet métal#b05888
Rose métalPratt & Lambert
#9b3e75
fucshia bright#764374
secret#64447c
tulip purpleRalph Lauren
#953e65
racer pink#6c3854
victoria pink#8e445e
roaring pinkResene
#833174
Centre Stage#772c68
Fun Fair#772c68
BelladonnaRobbialac
#be4c77
Rosa Floral#c64e78
Raspberry Sorbet#b93963
BatomSeigneurie
#87518b
violet vigne#b35a94
rose monarde#903e6c
rose guaranaSico
#a05486
dahlia fuchsia#b15284
damoiselle#894c7a
fleur d’orchidéeSuvinil
#895190
Festival das Flores#5f4888
Roxo VanguardaTaubmans
#82568e
cleopatra’s gown#955586
grape juice#8c5689
cleopatra’s treasureThe Voice Of Color
#935284
grape juice#905284
grape juice#9d5a8f
bermuda onionTollens
#7e3b80
Bright Violet#5c2d74
Tillandsia Purple#8a326c
Nymphe roseWalmart
#a1598a
fashionista#b55787
pretty as a princess#9d557e
true royal loveWilko
#7e466c
vamp#ae547c
hot gossip#694c7b
wizardZolpan
#b65888
Effrontément#8f5378
Gardénia#be4c77
Trapéziste
школа переходит на новые форматы образовательного процесса , ГБОУ Школа № 626, Москва
Уважаемые родители! Дорогие ребята!
Как вы уже знаете, с 23 марта по 7 апреля 2020 г.
все обучающиеся 1-11 классов нашей школы (за исключением тех, кто посещает дежурные группы) переходят на дистанционный формат обучения. Давайте определим понятия:
Дистанционное обучение – предполагает общение учителя с учениками в режиме реального времени посредством сети Интернет. Урок в такой форме будет проходить в строго определённое время!
Электронное обучение проходит в режиме офлайн: учитель направляет ученикам материалы для изучения и задания для самостоятельного выполнения (с последующей проверкой ИЛИ без нее). Урок в такой форме ребенок может выполнять в любое удобное для него время!
В нашей школе будут сочетаться ОБЕ формы обучения. И здесь важно отметить следующее:
1. Расписание уроков не меняется! Руководствуемся тем расписанием, что есть сейчас в ЭЖД
2. В пн, 23 марта, ВСЕ уроки пройдут в форме ЭЛЕКТРОННОГО обучения! А уже начиная со вторника начнутся дистанционные занятия.
3. В форме электронного обучения будут проходить все уроки, которые стоят по расписанию по счету 1-ми, 7-ми, частично 6-ми + ИЗО, физкультура, технология, ОБЖ и музыка. А вот 2-5 и частично 6-е уроки будут проходить либо в дистанционной форме, либо в электронной.
Как ученику или родителю узнать: какой из 2-6 уроков по расписанию будет в электронной форме, а какой – в дистанционной?
Все уроки (предметы) в расписании ЭЖД будут иметь буквенную литеру: «Э» — уроки электронного обучения, «Д» — дистанционного!
В какое время будут проходить дистанционные уроки?
Учителя начнут включение таких уроков всегда по одному и тому же времени. Этого сделано в первую очередь для Вашего удобства.
2-й урок в 09.30; 3-й – в 10.30; 4-й – в 11.30; 5-й – в 12.30; 6-й – в 13.30
И, пожалуй, главный вопрос:
Как будут проходить дистанционные уроки в режиме «Online»
На самом деле, все достаточно просто.
Для этого учитель будет использовать системы видео-конференции Zoom
Уважаемые родители!
В настоящее время г. Москва предлагает много различных образовательных ресурсов, которыми могут воспользоваться наши дети, находясь дома: это и видео-уроки, и платформы для проверки своих знаний и многое другое.
Ознакомиться с ними Вы можете на специальном сайте distance.mosedu.ru
Для решения возникающих у Вас вопросов и проблем, в том числе связанных с ЭЖД, мы создали отдельный почтовый ящик: [email protected] Просим Вас направлять свои письма на этот адрес. На связи с Вами также остаются Ваши классные руководители и администрация школы.
С уважением, Денис Тырсин, директор школы
[COLOR#800080]Rusty Nation | Servers-Rust
| IP адрес: 185.211.247.42:29512 | Теги: nosleeppve |
| Статус сервера: Неактивный | Карта: rust_island_2013 |
| Текущий онлайн: 0 / 100 | Версия клиента: v1069 |
| Пинг (время отклика): 81 ms | Режим сервера: PvE |
Средний онлайн: 0 чел.
|
Тип сервера: Официальный (Steam) |
| Пик онлайна: 0 (9:58 по МСК) | Sleepers: OFF |
| UpTime сервера: 26.5% | Комментариев: 0 шт. |
| Обновлено: 18-06-18 12:00:04 | Дата добавления: 03-06-18 |
| Веб-сайт: Не указано | ВКонтакте: Не указано |
| Позиция в топе: #7864 | Рейтинг: 0 |
Описание сервера:
Описание отсутствует
Новая версия
Старая версия
Баннеры (600×100)
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.
ru/banner-7393-10.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-10.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-11.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-11.png[/img][/url]
Баннеры (728×90)
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-20.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-20.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-21.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-21.png[/img][/url]
Баннеры (468×60)
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.
ru/banner-7393-30.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-30.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-31.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-31.png[/img][/url]
Другие баннеры
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-1.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-1.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-2.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-2.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-3.png» title=»Servers-Rust.
ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-3.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-6.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-6.png[/img][/url]
Кнопки голосования
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-4.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-4.png[/img][/url]
<a href=»http://servers-rust.ru/server-7393″ title=»Servers-Rust — Серверы RUST»><img src=»http://servers-rust.ru/banner-7393-5.png» title=»Servers-Rust.ru — Серверы RUST» alt=»[COLOR#800080]Rusty Nation» /></a>
[url=http://servers-rust.ru/server-7393][img]http://servers-rust.ru/banner-7393-5.png[/img][/url]
Всплывающий информер при наведении курсора (подробнее)
<script src=»http://servers-rust.ru/sinfo-7393-0.js»></script>Информация об игроках в данный момент недоступна.
Попробуйте обновить страницу позже.
Статистика посещаемости за эти сутки
Статистика посещаемости за месяц
Комментариев нет
Добавить комментарий
Помощь в выборе цветa
Для максимального понимания того, что именно хочет клиент, мы разработали простую таблицу цветов, где Вы можете выбрать понравившиеся оттенки и сообщить нам их номера, избегая размытых формулировок «розовее», «салатовый», «не такой серый», «цвет заката на песке» и тому подобных фраз.
ВНИМАНИЕ: не стоит выбирать более 2-3 цветов или оттенков, обозначьте для дизайнера основное цветовое направление, а гармоничное сочетание подберёт для вас профессионал самостоятельно.
ТАБЛИЦА HTML ЦВЕТОВ
| Красные тона: |
| #CD5C5C |
| #F08080 |
| #FA8072 |
| #E9967A |
| #FFA07A |
| #DC143C |
| #FF0000 |
| #B22222 |
| #8B0000 |
| Розовые тона: |
| #FFC0CB |
| #FFB6C1 |
| #FF69B4 |
| #FF1493 |
| #C71585 |
| #DB7093 |
| Оранжевые тона: |
| #FFA07A |
| #FF7F50 |
| #FF6347 |
| #FF4500 |
| #FF8C00 |
| #FFA500 |
| Жёлтые тона: |
| #FFD700 |
| #FFFF00 |
| #FFFFE0 |
| #FFFACD |
| #FAFAD2 |
| #FFEFD5 |
| #FFE4B5 |
| #FFDAB9 |
| #EEE8AA |
| #F0E68C |
| #BDB76B |
| Фиолетовые тона: |
| #E6E6FA |
| #D8BFD8 |
| #DDA0DD |
| #EE82EE |
| #DA70D6 |
| #FF00FF |
| #FF00FF |
| #BA55D3 |
| #9370DB |
| #8A2BE2 |
| #9400D3 |
| #9932CC |
| #8B008B |
| #800080 |
| #4B0082 |
| #6A5ACD |
| #483D8B |
| Коричневые тона: |
| #FFF8DC |
| #FFEBCD |
| #FFE4C4 |
| #FFDEAD |
| #F5DEB3 |
| #DEB887 |
| #D2B48C |
| #BC8F8F |
| #645452 |
| #F4A460 |
| #DAA520 |
| #B8860B |
| #CD853F |
| #D2691E |
| #8B4513 |
| #A0522D |
| #A52A2A |
| #800000 |
| Основные цвета: |
| #000000 |
| #808080 |
| #C0C0C0 |
| #FFFFFF |
| #FF00FF |
| #800080 |
| #FF0000 |
| #800000 |
| #FFFF00 |
| #808000 |
| #00FF00 |
| #008000 |
| #00FFFF |
| #008080 |
| #0000FF |
| #000080 |
| Зелёные тона: |
| #ADFF2F |
| #7FFF00 |
| #7CFC00 |
| #00FF00 |
| #32CD32 |
| #98FB98 |
| #90EE90 |
| #00FA9A |
| #00FF7F |
| #3CB371 |
| #2E8B57 |
| #228B22 |
| #008000 |
| #006400 |
| #9ACD32 |
| #6ba300 |
| #6B8E23 |
| #556B2F |
| #808000 |
| #8FBC8F |
| #66CDAA |
| #20B2AA |
| #008B8B |
| #008080 |
| Синие тона: |
| #00FFFF |
| #00FFFF |
| #E0FFFF |
| #AFEEEE |
| #7FFFD4 |
| #40E0D0 |
| #48D1CC |
| #00CED1 |
| #5F9EA0 |
| #4682B4 |
| #B0C4DE |
| #B0E0E6 |
| #ADD8E6 |
| #87CEEB |
| #87CEFA |
| #00BFFF |
| #1E90FF |
| #6495ED |
| #7B68EE |
| #4169E1 |
| #0000FF |
| #0000CD |
| #00008B |
| #000080 |
| #191970 |
| Белые тона: |
| #FFFFFF |
| #FFFAFA |
| #F0FFF0 |
| #F5FFFA |
| #F0FFFF |
| #F0F8FF |
| #F8F8FF |
| #F5F5F5 |
| #FFF5EE |
| #F5F5DC |
| #FDF5E6 |
| #FFFAF0 |
| #FFFFF0 |
| #FAEBD7 |
| #FAF0E6 |
| #FFF0F5 |
| #FFE4E1 |
| Серые тона: |
| #DCDCDC |
| #D3D3D3 |
| #C0C0C0 |
| #A9A9A9 |
| #808080 |
| #696969 |
| #778899 |
| #708090 |
| #2F4F4F |
| #000000 |
От практики к теории.
HTML | Html | Статьи | Программирование Realcoding.NetИтак, вы решили заниматься веб-разработками. Не буду объяснять наскольно круто быть веб-программистом — на эту тему было уже много статей, зачем лишний раз замусоривать просторы интернета дубликатами. Спросите у яндекса 😉
В этой статье мы рассмотрим основу основ технической части веб-дизайна — HTML, рассчитана она на начинающих и на тех кто хочет кому-то кратко и доступно объяснить что такое html. Здесь я кратко опишу общие принципы и синтаксис языка разметки гипертекста(html). Итак, начнем.
Как же это делается?
Есть 2 способа написания html-страниц:
- Визуальные редакторы вроде FrontPage, которые берут всю черновую работу на себя, давая нам самозабвенно заниматься дизайном страниц.
- Sourse-editor`ы, где мы имеем дело непосредственно с html-кодом.
Если вы собираетесь работать с визуальными редакторами то можете смело закрывать эту страницу, но знание языка разметки просто необходимо если вы хотите добиться чего-то большего чем страничка на narod.ru, на которой единственный динамичный элемент — баннер. Взять к примеру тот же FrontPage. Да, легко и просто склепать страничку с нужным нам оформлением, но есть пара нюансов которые отличают профессионала от непрофессионала:
- Что мы имеем на выходе? Неаккуратный громоздкий код, который ко всему прочему не совсем корректно или совсем не корректно отображается во всех браузерах кроме InternetExplorer`a(Ослика от компании Мелкософт). Конечно, если вы настоящий профи работы с FrontPage, и уже знаете HTML и CSS, то может что-нибудь стоящее у вас и получится, но лично я считаю что изучение самого этого редактора и его багов — лишняя трата времени.
- Мы в итоге не имеем знаний о принципах построения веб-страниц, таблицах стилях, форматировании текста чистым кодом и это не дает нам развиваться в этом направлении!
На самом деле язык html очень прост и знать его необходимо каждому
веб-дизайнеру и вебмастеру(это, если вы не в курсе, как правило разные люди).
Потому и рассмотрим его основы в этой статье.
Внимание! Этот материал — не справочник по языку, а ознакомительная статья, дающая возможность разобраться в языке начинающим и сразу приступить к практике!
Основы языка
Тех кто считает что html — сложно для понимания я смею заверить что это только иллюзия. Все элементарно просто и логически понятно. Язык состоит из тегов, которые сообщают браузеру определенную информацию и их параметров. Все теги строго определены языком, и подробно описаны в мануалах и учебниках, поэтому мы рассмотрим только самые основные и повсеместно применяющиеся. Важно знать что теги в первую очередь разделяются на открывающие элементы и закрывающие. А теперь запомните раз и навсегда: теги могут включаться один в другой, но они не должны пересекаться! Правильная запись выглядит так:
| <Имя_тега1> — открывающий элемент тега1 Содержимое на которое обрабатывается в соответствии с тегом1 <Имя_тега2> — открывающий элемент тега2 Содержимое на которое обрабатывается в соответствии с ними обоими </Имя_тега2> — закрывающий закрывающий элемент тега2 Содержимое на которое обрабатывается в соответствии с тегом2 </Имя_тега1> — закрывающий закрывающий элемент тега1 |
Для некоторых тегов закрывающие теги не обязательны. Имя тега может быть записано в любом реестре, это не имеет значения, т.е <HTML> и <html> и даже <hTmL> абсолютно идентичны.
Основа страницы приведена ниже(комментарии в языке html начинаются с «<!—» И заканчиваются «—>» и не отображаются в браузере):
<HTML><!-- Показывает браузеру что данный документ -
HTML-страница --> |
Об этом ниже. -->Разжевываем:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">Кодировка — набор символов, согласно которому система воспринимает текст. Кодировок много, но на первых порах достаточно знать что если вы используете операционную систему windows и в тексте есть русские буквы, то кодировка будет windows-1251, а если пишете из-под Unix-подобной системы, например Linux, то кодировка по умолчанию будет koi8-r
<TITLE>Заголовок</TITLE>
Заголовок страницы отображается в верхней части окна браузера рядом с его
называнием, и оформляется как обычный текст в одну строчку.
<BODY></BODY>
Для начала рассмотрим параметры самого тега <BODY>, так как они весьма интересны и полезны. С помощью них можно задать цвет текста, фона и ссылок, шрифт, границу вокруг содержимого страницы, фоновый рисунок, отступы…
| <body text=»#000000″<!— Цвет текста — черный(#000000 или
black) —> link=»#0000ff»<!— Цвет ссылки — синий(#0000ff или blue) —> alink=»#ff0000″<!— Цвет активной ссылки — красный(#ff0000 или red) —> vlink=»#800080″<!— Цвет посещенной ссылки — пурпурный(#800080 или purple) —> bgcolor=»#c0c0c0″<!— Цветфона — серебристый(#c0c0c0 или silver) —> background=»image.  gif»<!— Фоновый рисунок с относительным
адресом(относительно текущей открытой страницы) image.gif можно также
использовать и абсолютный адрес(http://sampe.ru/images/image.gif) —>leftmargin=»15″<!— Отступ слева — 15пикселей —> topmargin=»15″<!— Отступ сверху — 15пикселей —> rightmargin=»15″<!— Отступ справа — 15пикселей —> bottommargin=»15″><!— Отступ снизу — 15пикселей и закрывающая скобка тега BODY —> |
Но так никто не пишет, хотя это и работает. Обычно код одного тега записывают в строчку:
| <body text=»#000000″ link=»#0000ff» alink=»#ff0000″ vlink=»#800080″ bgcolor=»#c0c0c0″ background=»image.gif» leftmargin=»15″ topmargin=»15″ rightmargin=»15″ bottommargin=»15″> |
Кто-то скажет что параметры тега <BODY> использовать нецелесообразно, что гораздо лучше и удобнее применить CSS(Cascade Style Sheets)… Согласен, я и сам активно пользуюсь CSS, но эта статья об основах HTML, а CSS пока оставляю вам на самостоятельное изучение, яндекс и гугль по этому поводу знают очень много!
Тело документа может представлять собой просто текст, текст различного форматирования, может включать картинки, таблицы, звуки, видео, и другие html(и не только) страницы. Как это осуществляется? Очень просто. Начнем с форматирования текста:
Во-первых вам следует уяснить что обычный текст, не содержащий в себе тегов
html отображается без переносов строки(т.е. сплошным текстом) и без
повторяющихся пробелов(лишние пробелы ставятся с помощью повторяющегося
спецсимвола « «). Для переноса строки существует специальный тег
<BR>, который не нуждается в закрывающем элементе. Также строки переносят:
- Тег параграфа — <P>. Его действие заключается в обозначении
текста как отдельного параграфа — отступ сверху и снизу. Закрывающий элемент
«</P>» необязателен, т.
к. вставка следующего тега <P> автоматически закрывает предыдущий.
Для параграфа нам на данный момент полезен и интересен будет параметр align(выравнивание). Принимает значения: «left«(по левому краю), «right«(по правому краю), «center«(по центру), «justify»(выравнивание по ширине). Пимер: <p align=»center»>. - Тег заголовка <H#>, где # — число от 1 до 6, т.е порядок заголовка(<h2>Самый большой и толстый заголовок</h2>,…переходные варианты…<h2>Заголовок который даже меньше обычного текста, но выделен жирным шрифтом.</h2>). Закрывающий тег нужен чтобы не сделать заголовком весь текст после открывающего тега.
- Если текст поставить между тегов <PRE></PRE>, то текст будет отображен с переносами строки которые вы сделаете, но тут есть один подводный камень — текст не будет автоматически переноситься по строкам, т.е. если вы поставите теги <PRE></PRE> и при этом впишите в них без переносов строки текст скажем страницы на три то он и будет отображаться одной строкой, а хорошего в этом мало. Вывод: осторожнее пользуйтесь этим тегом, гораздо проще порой в редакторе автоматически заменить все переносы строки на <br>.
к. вставка следующего тега <P> автоматически закрывает предыдущий.Изменение начертания текста. Опять таки, затронем самое простое и
востребованное
| <B> Жирный текст </B> |
| <I> Курсив </I> |
| <U> Подчеркнутый </U> |
| <STRIKE> Перечеркнутый </STRIKE> |
| <SUP> Верхний индекс </SUP> |
| <SUB> Нижний индекс </SUB> |
<Font> — тег для изменения шрифта, имеет такие параметры как «size»(размер), «color»(цвет), «face»(имя шрифта, можно указать несколько значений, текст будет отображен тем шрифтом который будет найден у пользователя на компьютере.
Проверка производится слева направо.)<font size="1"> Пример 1 </font>
<font size="2"> Пример 2 </font>
<font size="3" face="Georgia, Tahoma">
Пример 3 </font>
<font size="4" face="Arial" color="red">
Пример 4 </font>
<font size="5" color="lime"> Пример 5 </font>
<font size="6"> Пример 6 </font>
Элементы конструирования и вставки
Таблица — очень важный элемент при создании страницы. Именно с помощью
таблиц обычно стоят навигационные меню, или текст в несколько столбцов на
странице. Все дело в том что ячейка может быть неограниченных размеров и
включать в себя дополнительные таблицы. Итак рассмотрим синтаксис построения
таблиц. Структура таблицы определяется открывающим тегом <table>, объявлением
строки <tr>, объявлением ячейки <td>(или ячейки-заголовка <th>) и вписыванием в
нее содержимого, закрытием ячейки </td>(или </th> для ячейки-заголовка),
открытием, заполнением и закрытием следующей ячейки, если в таблице нужно
получить несколько столбцов. (Количество ячеек в одной
строке не ограничено, но желательно чтобы во всех строках было одинаковое
количество ячеек, либо же ячейки были растянуты на одинаковое пространство
занимаемое в итоге, потому как в противном случае таблица будет смотреться
неаккуратно), закрытием строки </tr>, открытием, заполнением и закрытием
новой строки(если таблица должна содержать несколько строк) аналогичным образом
(Количество строк таблицы так же не ограничено) и
наконец закрытием нашей многострадальной таблицы </table>.
Важно отметить что тег <table> может включать в себя такие параметры как height(высота таблицы), width(ширина таблицы), border(ширина
границы, может быть 0, тогда ганица будет прозрачной), cellpadding(отступ
от ячейки), cellspacing(расстояние между ячейками), bgcolor(цвет
фона), background(фоновый рисунок), bordercolor(цвет границы), align(выравнивание таблицы на странице).
| <table height=100px width=250px border=1 cellpadding=5
cellspacing=5 bordercolor=#00ff00 bgcolor=red align=center> <tr> <td>Строка 1 ячейка 1</td> <td>Строка 1 ячейка 2</td> </tr> <tr> <td>Строка 2 ячейка 1</td> <td>Строка 2 ячейка 2</td> </tr> </table> |
| Следующие атрибуты могут применятся для строк и ячеек. | |
| ALIGN=LEFT | Устанавливает горизонтальное выравнивание текста в ячейках строки. Может принимать значение LEFT (выравнивание влево), CENTER (выравнивание по центру) и RIGHT (вправо). |
| VALIGN=CENTER | Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: TOP (выравнивание по верхнему краю), CENTER (выравнивание по центру — это значение принимается по умолчанию), BOTTOM (по нижнему краю). |
| BGCOLOR=»#FFFFFF» | Устанавливает цвет фона строки или ячейки. |
| BACKGROUND=»image.gif» | Заполняет фон строки или ячейки изображением. |
| Следующие атрибуты могут применятся только для ячеек. | |
| WIDTH=»n» | Определяет ширину ячейки в n пикселях. |
| HEIGHT=»n» | Определяет высоту ячейки в n пикселях. |
| COLSPAN=»n» | Растягивание ячейки по горизонтали. Например, <TD COLSPAN=»2″>
означает, что ячейка будет растянута на 2 колонки. |
| ROWSPAN=»n» | Растягивание ячейки по строке. Например, <TD ROWSPAN=»2″ означает, что ячейка будет растянута на две строки таблицы. |
| NOWRAP | Присутствие этого аттрибута показывает, что текст должен размещаться в одну строку |
| BACKGROUND=»image.gif» | Заполняет фон ячейки изображением. |
Вставка изображения.
Осуществляется с помощью следующей конструкции:
| <img src=»адрес_рисунка» alt=»Подсказка если у пользователя отключены картинки» height=»Высота» width=»Ширина» border=»Граница» align=»Выравнивание«> |
Все эти параметры вам уже знакомы по предыдущим описаниям поэтому не будем на них останавливаться. Остальные параметры вы также можете посмотреть в мануалах, коих в интернете обитает великое множество.
Гиперссылки.
Обычная гиперссылка создается следующей конструкцией: <a href=»Адрес«>Объект являющийся ссылкой</a>
|
Ссылка на email
| <a href=»mailto:ваш@email ?subject=Тема
сообщения &Body=Текст письма предложенный по умолчанию &cc=послать_копию@email«> Объект ссылки </a> Причем тема, текст и копия — необязательные параметры, которые можно
полностью исключить урезав ссылку до: |
Подводим итоги.
Вы ознакомились с основными принципами построения страниц, научились форматировать текст, вставлять гиперссылки, изображения и таблицы, чего на первых порах более чем достаточно. Еще раз напоминаю что это не подробный справочный материал а ознакомительная статья, описывающая основные принципы построения HTML-страниц. Если у вас есть замечания по поводу статьи, критика или вы считаете что туда необходимо что-то добавить, вы можете отправить мне сообщение воспользовавшись формой
Источник: Bolzamo
Мавлонкулова Зухал: 1. Общая информация: Zuhal Mavlonkulova
Мавлонкулова Зухал
Название страницы:
Форматированный текст
Образование: Тверской государственный университет
Факультет: Иностранных языков и международной коммуникации
Направление: Лингвистика
Курс: 1,дневная форма обучения
Местоположение: 170100, Тверская область, г. Тверь ул. Желябова,33
Краткие сведения:
Адрес электронной почты: [email protected] [email protected]
Социальные сети: вконтакте
rich_text
Отменить Предварительный просмотр Сохранить страницу
Отменить Продолжить редактирование Сохранить страницу
[{:section_type=>»rich_text», :content=>»<p><span style=\»color: #800080;\»><strong>Образование:</strong></span> Тверской государственный университет</p>\n<p><span style=\»color: #800080;\»><strong>Факультет:</strong></span> Иностранных языков и международной коммуникации </p>\n<p><span style=\»color: #800080;\»><strong>Направление:</strong></span> Лингвистика</p>\n<p><strong><span style=\»color: #800080;\»>Курс:</span></strong> 1,дневная форма обучения</p>\n<p><span style=\»color: #800080;\»><strong>Местоположение:</strong></span> 170100, Тверская область, г. Тверь ул. Желябова,33</p>\n<p><strong><span style=\»color: #800080;\»>Краткие сведения:</span></strong></p>\n<p><span style=\»color: #800080;\»><strong>Адрес электронной почты:</strong> </span><a href=\»mailto:[email protected]\»>[email protected]</a> <a href=\»mailto:[email protected]\»>[email protected]</a></p>\n<p><span style=\»color: #800080;\»><strong>Социальные сети</strong><strong>:</strong></span> вконтакте </p>\n<p> </p>\n<p> </p>»}] | |
Форматированный текст
rich_text
Пурпурный / # 800080 цвет шестигранник
В цветовом пространстве RGB шестнадцатеричный номер 800080 (также известный как Purple, Patriarch) состоит из 50,2% красного, 0% зеленого и 50,2% синего. Тогда как в цветовом пространстве CMYK он состоит из 0% голубого, 100% пурпурного, 0% желтого и 49,8% черного. Он имеет угол оттенка 300 градусов, насыщенность 100% и яркость 25,1%. Шестнадцатеричный цвет # 800080 может быть получен смешиванием # ff00ff с # 010001. Ближайший цвет для веб-безопасности: # 9
.- ♥
● # 800080 описание цвета: Темно-пурпурный .
Шестнадцатеричный цвет # 800080 имеет значения RGB R: 128, G: 0, B: 128 и значения CMYK C: 0, M: 1, Y: 0, K: 0,5. Его десятичное значение — 8388736.
| Hex триплет | 800080 | # 800080 |
|---|---|---|
| RGB Десятичный | 128, 0, 128 | RGB (128,0,128) |
| RGB Процент | 50.2, 0, 50,2 | RGB (50,2%, 0%, 50,2%) |
| CMYK | 0, 100, 0, 50 | |
| HSL | 300 °, 100, 25,1 | hsl (300,100%, 25,1%) |
| HSV (или HSB ) | 300 °, 100, 50,2 | |
| Веб-сейф | 9 | # 9 |
| CIE-LAB | 29. 784, 58,929, -36,493 |
|---|---|
| XYZ | 12,798, 6,149, 20,934 |
| xyY | 0,321, 0,154, 6,149 |
| CIE- LCH | 29.784, 69.313, 328.231 |
| CIE-LUV | 29,784, 41,503, -53,669 |
| Hunter-Lab | 24,796, 48,735, -32,696 |
| двоичный | 10000000, 00000000, 10000000 |
- # 340034
# 340034RGB (52,0,52) - # 4d004d
# 4d004dRGB (77,0,77) - # 670067
# 670067RGB (103,0,103) - # 800080
# 800080RGB (128,0,128) - # 9a009a
# 9a009aRGB (154,0,154) - # b300b3
# b300b3RGB (179,0,179) - # cd00cd
# cd00cdRGB (205,0,205)
Ниже вы можете увидеть некоторые цвета, близкие к # 800080.Набор связанных цветов может быть полезен, если вам нужна вдохновляющая альтернатива исходному выбору цвета.
- # 600080
# 600080RGB (96,0,128) - # 6b0080
# 6b0080RGB (107,0,128) - # 750080
# 750080RGB (117,0,128) - # 800080
# 800080RGB (128,0,128) - # 800075
# 800075RGB (128,0,117) - # 80006b
# 80006bRGB (128,0,107) - # 800060
# 800060RGB (128,0,96)
Этот текст имеет цвет шрифта # 800080.
Текст здесь # 800080 цвет фона Цвет фона этого абзаца # 800080.
Содержимое
# 800080 цвет границы Цвет границы этого элемента равен # 800080.
Содержимое CSS коды .текст {color: # 800080;} .background {background-color: # 800080;} .border {border: 1px solid # 800080;} Оттенок достигается путем добавления черного к любому чистому оттенку, а оттенок создается путем смешивания белого с любым чистым цветом. В этом примере # 0a000a — самый темный цвет, а # fff6ff — самый светлый.
- # 0a000a
# 0a000aRGB (10,0,10) - # 1e001e
# 1e001eRGB (30,0,30) - # 320032
# 320032RGB (50,0,50) - # 450045
# 450045RGB (69,0,69) - # 5
# 5RGB (89,0,89) - # 6c006c
# 6c006cRGB (108,0,108) - # 800080
# 800080RGB (128,0,128) - # 940094
# 940094RGB (148,0,148) - # a700a7
# a700a7RGB (167,0,167) - # bb00bb
# bb00bbRGB (187,0,187) - # ce00ce
# ce00ceRGB (206,0,206) - # e200e2
# e200e2RGB (226,0,226) - # f600f6
# f600f6RGB (246,0 246)
- # ff0aff
# ff0affRGB (255,10,255) - # ff1eff
# ff1effRGB (255,30,255) - # ff32ff
# ff32ffRGB (255,50,255) - # ff45ff
# ff45ffRGB (255,69,255) - # ff59ff
# ff59ffRGB (255,89,255) - # ff6cff
# ff6cffRGB (255,108,255) - # ff80ff
# ff80ffRGB (255,128,255) - # ff94ff
# ff94ffRGB (255 148 255) - # ffa7ff
# ffa7ffRGB (255,167,255) - #ffbbff
#ffbbffRGB (255 187 255) - #ffceff
#ffceffRGB (255,206,255) - # ffe2ff
# ffe2ffRGB (255,226,255) - # fff6ff
# fff6ffRGB (255 246 255)
Тон получается путем добавления серого к любому чистому оттенку.
В этом случае # 453b45 — менее насыщенный цвет, а # 800080 — самый насыщенный.
- # 453b45
# 453b45RGB (69,59,69) - # 4a364a
# 4a364aRGB (74,54,74) - # 4f314f
# 4f314fRGB (79,49,79) - # 542c54
# 542c54RGB (84,44,84) - # 592759
# 592759RGB (89,39,89) - # 5e225e
# 5e225eRGB (94,34,94) - # 621e62
# 621e62RGB (98,30,98) - # 671967
# 671967RGB (103,25,103) - # 6c146c
# 6c146cRGB (108,20,108) - # 710f71
# 710f71RGB (113,15,113) - # 760a76
# 760a76RGB (118,10,118) - # 7b057b
# 7b057bRGB (123,5,123) - # 800080
# 800080RGB (128,0,128)
Ниже вы можете увидеть, как # 800080 воспринимается людьми с дефицитом цветового зрения.Это может быть полезно, если вам нужно убедиться, что ваши цветовые комбинации доступны для дальтоников.
Монохромность- # 353535 Ахроматопсия 0,005% населения
- # 442a44 Атипичная ахроматопсия 0,001% населения
- # 2e318e Протаномалия 1% мужчин, 0.01% женщин
- # 50327c Дейтераномалия 6% мужчин, 0,4% женщин
- # 7e2455 Тританомалия 0,01% населения
# 800080 цвет шестигранник
| RGB | 128 | 0 | 128 |
|---|---|---|---|
| HSL | 300 | 100 | 25 |
| HSV | 300 ° | 100 ° | 50 ° |
| CMYK | 0 | 100 | 0 50 |
| XYZ | 12. 8 | 6,15 | 20,93 |
| Yxy | 6,15 | 0,32 | 0,15 |
| Hunter Lab | 24,8 | 48,73 | -32,66 |
| CIE-Lab | 29,79 | 58,93 | -36,48 |
0 избранных
Авторизуйтесь, чтобы добавить цвет к избранным.
Красный (51%)
Зеленый (0%)
Синий (51%)
RGB в процентах # 800080
Оттенки и оттенки № 800080
Монохроматические цвета из # 800080
Дополнительный цвет к # 800080
.Триадный цвет # 800080
Родственные цвета
# ff00fe
# b200b2
# 840084
# e50026
Связанные цветовые палитры
ccmh наименее любимые цвета
Учебники CSS
# 800080 Цвет фона
style = "background-color: # 800080"> Цвет фона"
# 800080 Цвет границы
style = "border: 2px solid # 800080"> Цвет границы"
# 800080 Цвет текста
style = "color: # 800080"> Цвет текста "Цвет текста
# 800080 CSS коды
.текст {color: # 800080;} .background {background-color: # 800080;} .border {border: 1px solid # 800080;} ПОДЕЛИТЬСЯ ЭТИМ ЦВЕТОМ С ДРУЗЬЯМИ!
Присоединяйтесь к Htmlcolors сейчас и начинайте комментировать все, что хотите!
Фиолетовый # 800080 шестнадцатеричный цвет
В цветовом пространстве RGB шестнадцатеричный # 800080 (также известный как фиолетовый) состоит из 50.
2% красный, 0% зеленый и 50,2% синий. Тогда как в цветовом пространстве CMYK он состоит из 0% голубого, 100% пурпурного, 0% желтого и 49,8% черного. Он имеет угол оттенка 300 градусов, насыщенность 100% и яркость 25,1%. Шестнадцатеричный цвет # 800080 может быть получен смешиванием # 000100 с # 000000. Ближайший цвет для веб-безопасности: # 9
# 800080 описание цвета: глубокий пурпурный / глубокий пурпурный
# 800080 Преобразование цвета
Шестнадцатеричный цвет # 800080 имеет значения RGB R: 128, G: 0, B: 128 и значения CMYK C: 0, M: 1, Y: 0, K: 0.5. Его десятичное значение — 8388736.
| Шестнадцатеричный триплет | 800080 | # 800080 |
| Десятичный RGB | 128, 0, 128 | rgb (128,0,128) |
| Процент RGB | 50,2, 0, 50,2 | RGB (50,2%, 0%, 50,2%) |
| CMYK | 0, 100, 0, 49,8 | |
| HSL | 300 °, 100, 25.1 | hsl (300,100%, 25,1%) |
| HSV (HSB) | 300 °, 100, 50,2 | |
| Web Safe | 9 | # 909 |
| XYZ | 12,798, 6,148, 20,934 | ||
| xyY | 0,321, 0,154, 6,148 | ||
| CIE-LAB | 29,782, 58,94, -36,498 | ||
| -LCH | 29.782, 69,325, 328,233 | ||
| CIE-LUV | 29,782, 41,511, -53,675 | ||
| Hunter-Lab | 24,795, 48,747, -32,703 | ||
| Двоичный | 00000000, 10000000 |
# 800080 Анализ цвета
Цветовые схемы с # 800080
Разделенный дополнительный цвет
Альтернативы # 800080
Ниже вы можете увидеть некоторые цвета, близкие к # 800080.
Набор связанных цветов может быть полезен, если вам нужна вдохновляющая альтернатива исходному выбору цвета.
# 800080 Preview
Текст с шестнадцатеричным цветом # 800080
Этот текст имеет цвет шрифта # 800080.
Текст здесь # 800080 цвет фона
Этот абзац имеет цвет фона # 800080.
Содержимое здесь
# 800080 цвет границы
Этот элемент имеет цвет границы # 800080.
Содержимое
CSS-коды
.text {color: # 800080;} .background {background-color: # 800080;} .border {border: 1px solid # 800080 ;} .text-shadow {border: 1px solid # 800080;} Оттенки и оттенки # 800080
Оттенок достигается путем добавления черного к любому чистому оттенку, а оттенок создается путем смешивания белого с любым чистым цвет. В этом примере # 000000 — самый темный цвет, а #ffeaff — самый светлый.
Оттенки # 800080
Тон получается путем добавления серого к любому чистому оттенку. В этом случае # 404040 — менее насыщенный цвет, а # 7b057b — самый насыщенный.
Преобразование цветов — Патриарх
Примеры CSSТекст
Свойство CSS для изменения цвета текста на шестнадцатеричный 800080 называется «цвет». Свойство цвета можно установить для классов, идентификаторов или непосредственно в элементе HTML.
В этом примере показано, как выглядит текст цвета # 800080.
.text, #text, p {color: # 800080}📋 Код копирования
Если вы хотите добавить текстовую тень этого цвета, используйте свойство text-shadow, вы можете сгенерировать текстовую тень непосредственно с наш 🔧 Генератор теней текста CSS.
Здесь вы видите, как выглядит черный текст с цветной тенью в 4 пикселя # 800080.
.shadow {text-shadow: 4px 4px 2px # 800080}📋 Копировать код
Border
Свойство CSS для изменения границы элемента на Hex 800080 называется «границей».
Свойство границы можно установить для классов, идентификаторов или непосредственно в элементе HTML.
В этом примере цвет показан как граница, его можно применить через свойство CSS «border» или «border-color».
.border, #border, table {border: 4px solid # 800080}📋 Копировать код
Если нужно изменить только цвет границы, используйте свойство border-color.
.border {border-color: # 800080}📋 Код копирования
Если вы хотите добавить тень блока в этом цвете, используйте:
Здесь вы видите, как блок с 4-пиксельной цветной тенью # 800080 похоже.
.boxshadow {-moz-box-shadow: 4px 4px 4px 4px # 800080; -webkit-box-shadow: 4px 4px 4px 4px # 800080; box-shadow: 4px 4px 4px 4px # 800080}📋 Копировать код
Фон
Свойство CSS для изменения цвета фона элемента на Hex 800080 называется «фон». Свойство background можно установить для классов, идентификаторов или непосредственно в элементе HTML.
.background, #background, body {background: # 800080}📋 Копировать код
Если нужно изменить только цвет фона, можно использовать:
.background {background-color: # 800080}📋 Код копирования
В этом примере цвет показан как фон, он применяется через свойство CSS «background».
Для оптимизации и сжатия кода CSS вы можете использовать наш онлайн-компрессор и оптимизатор CSS на основе csstidy. Если вы хотите создать линейный или радиальный градиент в качестве фона или границы, проверьте наш 🌈 CSS Gradient Generator.
Как использовать Преобразование цветовПреобразование
Чтобы преобразовать, вставьте строку в одном из этих цветовых форматов, например, «800080», в поле ввода и нажмите «Преобразовать».Результат будет в разделе «Конверсии», а в следующих разделах вы найдете более подробную информацию о цвете.
В некоторых цветовых форматах используются одинаковые обозначения, и преобразование угадывает состав поискового запроса.
Например, если вы попытаетесь преобразовать строку «300 °, 100%, 50%», это может быть цвет HSV или HSL, в этом случае преобразование будет принимать HSL.
Так как это может привести к неправильному преобразованию, вы можете определить, какой формат вы передаете, заключив цветовую строку в скобки с форматом впереди.Строка поиска «HSV (300 °, 100%, 50%)» даст вам правильный цвет HSV, так как нет необходимости угадывать формат. Другими примерами могут быть «CIELAB (29,78, 58,94, -36,50)», «CIELCH (30, 69,325, 328,233)», «YXY (6,1477, 0,3209, 0,1542)» и «CMYK (0,00, 1,00, 0,00, 0,50)». .
Подробности
В разделе подробностей вы сначала получаете сводку цвета и, если доступно, описание, например «темно-красный приглушенный». Вы можете увидеть распределение цвета в разных форматах. Например, в формате RGB вы узнаете количество красного, зеленого и синего в вашем цвете.
Наконец, вы получаете градиенты яркости и насыщенности вашего цвета с шагом 10%. Так что, если вам нужна более яркая или темная версия, вы можете выбрать ее здесь.
Гармонии
Гармонии в основном показывают вам цвета, которые хорошо сочетаются с цветом, который вы в данный момент просматриваете. Если вам нравится одна из гармоний, вы можете напрямую создать 🌈 CSS-градиент или 🔧 CSS-текстовую тень из нее или просмотреть гармонию как 🖌️ Color Bucket.
Изображения SVG
В этом коротком разделе показан выбор файлов SVG, использующих текущий цвет.Вы можете скачать эти файлы и использовать их в своих проектах, например, в качестве фонового изображения.
Анонсы
Хотите увидеть, как ваш цвет смотрится на белом или черном фоне? Затем вы должны проверить раздел «Предварительный просмотр» на цветной странице.
Вы также видите цветовой контраст вашего цвета на этих фонах и получаете ссылку на средство проверки контрастности цвета с предварительно выбранным цветом.
Моделирование дальтонизма
Когда вы выбираете цвет для своего проекта, вы можете иметь в виду, как этот цвет воспринимается людьми с дефицитом цветового зрения.
Поэтому я добавил этот раздел, показывающий вам предварительный просмотр вашего цвета для различных недостатков цветового зрения.
Примеры CSS
Если вы новичок в веб-разработке, вы можете узнать, как применить свой цвет в качестве цвета переднего плана, фона или границы. Раздел «Примеры CSS» дает вам именно это, помогает, как использовать текущий цвет в CSS.
Если вы просматриваете цвет в формате, недоступном в CSS, вы увидите, что цвет преобразован в совместимый формат.
Color Bucket
Вы выбрали цвета для своего следующего проекта и хотите загрузить их в виде палитры или поделиться ими с друзьями, чтобы обсудить свое решение? Тогда вам стоит взглянуть на цветное ведро. Он позволяет хранить до 10 цветов, автоматически создает цветовые палитры для каждого из этих цветов на основе яркости и дает вам матрицу WCAG.
Вы можете загрузить каждую цветовую палитру или выбранные цвета как палитру GIMP, Adobe® ASE или Tailwind CSS. Кроме того, вы можете просматривать все как 🌈 Градиент CSS, 🔧 Тень текста CSS или 📷 Изображение цветовой палитры.
Чтобы добавить цвет в цветовую корзину, я поместил ссылку «❤️ Добавить этот цвет в корзину» в разделе заголовка каждой страницы на этом веб-сайте.
Color Contrast Checker
Когда вы выбираете цвета для проекта, важно помнить о цветовом контрасте. My Color Contrast Checker позволяет вам проверять цвета, которые вы выбрали, в соответствии с Руководством по обеспечению доступности веб-контента (WCAG) 2.0.
# 800080 Hex Color — RGB: 128, 0, 128
# 800080 Hex Color, Включает преобразования, схемы, цветовые коды HTML и многое другое.
# 800080 Информация о цвете
На этой странице представлена подробная информация о цвете шестнадцатеричного кода # 800080. Его шестнадцатеричный код — 800080. В цветовом пространстве RGB, которое состоит из 50,2% красного, 0% зеленого и 50,2% синего, и соответствующие значения RGB составляют 128, 0, 128.
В цветовом пространстве CMYK он состоит из 0% голубой, 100% пурпурный, 0% желтый и 49,8% черный, тогда как соответствующие значения CMYK равны 0, 1, 0, 0,5. Другая дополнительная информация, такая как степень, яркость, насыщенность, просмотрите следующий контент.
Преобразование цвета с помощью # 800080
| Цвет: | |
| Шестнадцатеричный: | 800080 |
| RGB Десятичный: | 128, 0, 128 |
| HSL : | 300 °, 100%, 25% |
| HSV : | 300 °, 100%, 50% |
| CMYK : | 0%, 100%, 0%, 49,8% |
| XYZ: | 12.798, 6,148, 20,934 |
| xyY: | 0,321, 0,154, 6,148 |
| CIE-LAB: | 29,782, 58,94, -36,498 |
| CIE- LCH : | 29,782, 69,325, 328,233 |
| Hunter-Lab: | 24,795, 48,747, -32,703 |
| Название цвета: | Фиолетовый |
Цветовая модель CMYK с # 800080
| Голубой: 0% | |
| Пурпурный: 100% | |
| Желтый: 0% | |
| Черный: 49.8% |
Цветовая модель RGB с # 800080
| Красный: 50,2% | |
| Зеленый: 0% | |
| Синий: 50,2% |
Цветовые схемы с # 800080
дополнительных цветов для # 800080
Цвет Тетрадик
Разделение дополнительных цветов
Цвет Triadic
Аналогичный цвет
Монохромный цвет
Html Color Codes width # 800080
# 800080 цвет фона
# 800080 Текст в шестнадцатеричном формате
Напишите здесь
# 800080 коды цветов css
текст {color: # 800080;}
.
фон {background-color: # 800080;}
.border {border: 1px solid # 800080;}
# 800080 Цвет звена
Цветовые оттенки с # 800080
Темные / светлые оттенки:
| # 180018 RGB (24,0,24) |
| # 320031 RGB (50,0,49) |
| # 4C004B RGB (76,0,75) |
| # 660065 RGB ( 102,0,101) |
| # 7E007D RGB (126,0,125) |
| # 800080 RGB (128,0,128) |
| # 980096 RGB (152,0,150) |
| # B200B0 RGB (178, 0,176) |
| # CC00CA RGB (204,0,202) |
| # E400E1 RGB (228,0,225) |
| # FE00FB RGB (254,0,251) |
| # FF19FC RGB (255,25,252) |
| # FF33FD rgb (255,51,253) |
| # FF4BFD rgb (255,75,253) |
| # FF65FD rgb (255,101,253) |
| # FF7FFD | FFFD FF FF FF FF RGB (255 153 254)
| # FFB1FE RGB (255 177 254) |
| #FFCBFE RGB (255 203 254) |
| # FFE5FF rgb (255,229,255) |
Цветовые оттенки с шестнадцатеричной информацией о цвете # 800080
# 800080 (Патриарх, Пурпурный, Пурпурный (HTML))
# 800080 основная информация о цвете
В цветовой модели RGB шестнадцатеричный триплет # 800080 имеет десятичный индекс: 8388736, состоит из 50.2% красный, 0% зеленый и 50,2% синий.
# 800080 в цветовой модели CMYK, состоит из 0% голубого, 100% пурпурного, 0% желтого и 49,8% черного.
# 9
Цвет # 800080 копировать / вставить
- Шестнадцатеричный код # 800080
- Прописные шестигранные # 800080
- Веб-сейф шестнадцатеричный # 9
- RGBrgb (128,0,128)
- RGB% rgb (50,2%, 0%, 50,2%)
- HSL% HSL (300,100%, 25,1%)
# 800080 детализация цвета и преобразование
Шестнадцатеричный триплет # 800080: красный = 128, зеленый = 0, синий = 128 или CMYK: голубой = 0, пурпурный = 1, желтый = 0, черный = 0.
49803921568627- RGB 128, 0, 128
- RGB процент 50,2%, 0%, 50,2%
- Двоичный RGB 10000000, 0, 10000000
- CMYK 0, 1, 0, 0,498
- CMYK в процентах 0%, 100%, 0%, 50%
- CMY 0,498, 1, 0,498
- HSL 300 °, 1, 0,251
- HSL процент 300 °, 100%, 25,1%
- HSV 300 °, 1, 0,502
- ВПГ процент 300 °, 100%, 50,2%
- XYZ 12.798, 6.149, 20.929
- xyY 0,321, 0,154, 6,149
- CIELAB 29,784, 58,927, -36,485
- CIELUV 29,784, 41,511, -53,658
- CIELCH 29.784, 69.308, 328.236
- Лаборатория Охотника 24,796, 48,734, -32,686
- YIQ (NTSC) 52,864, 35,314, 66,871
- Десятичное значение 8388736
- Интернет-безопасный цвет
# 9
- Имя Патриарх, Пурпурный, Пурпурный (HTML)
Генератор цветовых схем для # 800080
В теории цвета цветовая схема — это выбор цветов, используемых в дизайне.
Аналогичные цвета
Это цвета, которые находятся рядом друг с другом на цветовом круге. Аналогичные цвета, как правило, приятно смотреться вместе, потому что они тесно связаны.
Монохромный
Оттенки создаются путем уменьшения яркости в цветовой модели HSL, а оттенки — путем ее увеличения. Следующий шаг для оттенков — # 000, для оттенков — #fff.
HTML и CSS # 800080 — использование цвета
Пример кода абзаца HTML / CSS с использованием цвета # 800080.
Цвет фона этого абзаца — # 800080
Цвет фона этого абзаца …
Цвет текста этого абзаца — # 800080
Цвет текста этого абзаца …
Цвет границы этого абзаца — # 800080
Цвет границы этого абзаца …
Цветной Патриарх | Шестнадцатеричный код # 800080
Справка о цвет Патриарх
HEX:
# 800080
RGB:
128, 0, 128
HSL:
300 °, 1.00, 0,25
HSV:
300 °, 1,00, 0,50
CMYK:
0,00, 1,00, 0,00, 0,50
CIE XYZ:
0,15, 0,07, 0,24
CIE LAB:
31,77, 61,50, -38,08
YUV:
0,21, 0,14
. body {цвет фона: # 800080; }
.colorMain {цвет: # 800080; }
.bgColor0 {цвет фона: # 800080; }
.bgColor1 {цвет фона: # 808000; }
.bgColor2 {цвет фона: # 5A5A00; }
.bgColor3 {цвет фона: # A6A619; }
.bgColor4 {цвет фона: # 008080; }
.bgColor5 {цвет фона: # 005A5A; }
.bgColor6 {цвет фона: # 19A6A6; }
.fontColor0 {цвет: # 800080; }
.fontColor1 {цвет: # 808000; }
.fontColor2 {цвет: # 5A5A00; }
.fontColor3 {цвет: # A6A619; }
.fontColor4 {цвет: # 008080; }
.fontColor5 {цвет: # 005A5A; }
.fontColor6 {цвет: # 19A6A6; }CSS Для фона
Имеет цвет фона
Имеет цвет фонаCSS для цвета шрифта
Имеет цвет шрифта
Имеет цвет шрифтаТриадический Анал. Дополнительный Монохромный CSS Gradient, использующий триадные цвета для названного цвета Patriarch (шестнадцатеричный код # 800080)
/ * Фоновый градиент для триадных цветов * / .gradient1 { цвет фона: # 19A6A6; / * Для WebKit (Safari, Chrome и т. Д.) * / фон: # 19A6A6 -webkit-gradient (линейный, слева вверху, слева внизу, от (# 808000) до (# 19A6A6)) no-repeat; / * Mozilla, Firefox / Gecko * / фон: # 19A6A6 -moz-linear-gradient (вверху, # 808000, # 19A6A6) no-repeat; / * IE 5.5 — 7 * / фильтр: progid: DXImageTransform.Microsoft.gradient (startColorstr = # 808000, endColorstr = # 19A6A6) no-repeat; / * IE 8 * / -ms-filter: «progid: DXImageTransform.Microsoft.градиент (startColorstr = # 808000, endColorstr = # 808000) «без повтора; }CSS Gradient с использованием аналогичных цветов для названного цвета Patriarch (шестнадцатеричный код # 800080)
/ * Фоновый градиент для аналогичных цветов * / .gradient2 { цвет фона: # 400080; / * Для WebKit (Safari, Chrome и т. Д.) * / фон: # 400080 -webkit-gradient (линейный, слева вверху, слева внизу, от (# 80006B) до (# 400080)) no-repeat; / * Mozilla, Firefox / Gecko * / фон: # 400080 -moz-linear-gradient (вверху, # 80006B, # 400080) no-repeat; / * IE 5.
49803921568627
body {цвет фона: # 800080; }
.colorMain {цвет: # 800080; }
.bgColor0 {цвет фона: # 800080; }
.bgColor1 {цвет фона: # 808000; }
.bgColor2 {цвет фона: # 5A5A00; }
.bgColor3 {цвет фона: # A6A619; }
.bgColor4 {цвет фона: # 008080; }
.bgColor5 {цвет фона: # 005A5A; }
.bgColor6 {цвет фона: # 19A6A6; }
.fontColor0 {цвет: # 800080; }
.fontColor1 {цвет: # 808000; }
.fontColor2 {цвет: # 5A5A00; }
.fontColor3 {цвет: # A6A619; }
.fontColor4 {цвет: # 008080; }
.fontColor5 {цвет: # 005A5A; }
.fontColor6 {цвет: # 19A6A6; }