800080 цвет: Purple / Фиолетовый (оттенок) / #800080 Схемы Шестнадцатеричных Кодов Цветов, Графики, Палитры и Краски

Содержание

фиолетовый #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
Шестнадцатеричный RGB800080#800080
Десятичный RGB128,0,128rgb(128,0,128)
HTML/CSSpurplepurple
Процент RGB50.1,0,50.1rgb(50.1%,0%,50.1%)
CMYK0,100,0,50
HSL300,100,25hsl(300,100%,25%)
HSV300,100,50

Цветовые гармонии

Каждый цвет можно комбинировать с другими цветами, что может привести к плохим или хорошим результатам. Цветовой круг часто можно использовать для выбора цветов, которые хорошо себя ведут с #800080

Гармония с 2 цветами

цветовой круг
дополнительные цвета

Гармонии с 3 цветами

цветовой круг
близкие + дополнительные
цветовой круг
равнобедренный
цветовой круг
равнобедренный
цветовой круг
равносторонний
цветовой круг
дополнительные цвета

Гармонии с 4 цветами

цветовой круг
площадь
цветовой круг
прямоугольный
цветовой круг
прямоугольный

Цвета из таблиц красок, относящиеся к #800080

Если вы ищете цвета, похожие на #800080, следующая палитра может помочь вам в ваших поисках. Обратите внимание, что мы не можем гарантировать, что окончательный цвет (на стене, потолке и т. Д.) Будет идентичен тому, который вы видите на экране. Этот список даст вам инструкции по поиску соответствующих ссылок на краски, чтобы вы могли провести собственное тестирование.

Alba
#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
rose passion#824367
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
Brinco-de-Princesa#8e467a
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 (https://zoom.us/ru-ru/meetings.html), которая НЕ предполагает сложной регистрации для учащихся. Для подключения необходимо лишь воспользоваться ссылкой! Ссылки на подключение к конкретному уроку будут появляться на сайте школы за 5-10 минут до начала урока (на главной странице). В понедельник будет размещено расписание на вторник. Также педагоги могут использовать другие он-лайн сервисы

Уважаемые родители!

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

Ознакомиться с ними Вы можете на специальном сайте 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
 

Описание сервера:

Описание отсутствует



Новая версия


Старая версия

Баннеры (600x100)

<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]

Баннеры (728x90)

<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]

Баннеры (468x60)

<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-страница -->
  <HEAD><!-- "Шапка" страницы(не отображается в браузере) -->
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><!-- Кодировка документа. Об этом ниже. -->
   <TITLE><!-- Заголовок страницы -->
Текст заголовка
   </TITLE><!-- Окончание заголовка -->
Здесь также могут размещаться многие другие теги заголовков которые мы в этой статье рассматривать не будем, оставив это вам на самостоятельное изучение.
  </HEAD><!-- Окончание "шапки" страницы -->
  <BODY><!-- Тело документа. Без комментариев. -->
Здесь содержится основная часть HTML-страницы, а именно ее контент, который представляет собой текст маркированный тегами форматирования, конструирования и вставки элементов.
  </BODY><!-- Окончание тела документа -->
 </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 отображается без переносов строки(т.е. сплошным текстом) и без повторяющихся пробелов(лишние пробелы ставятся с помощью повторяющегося спецсимвола "&nbsp;"). Для переноса строки существует специальный тег <BR>, который не нуждается в закрывающем элементе. Также строки переносят:
 

  • Тег параграфа - <P>. Его действие заключается в обозначении текста как отдельного параграфа - отступ сверху и снизу. Закрывающий элемент "</P>" необязателен, т. к. вставка следующего тега <P> автоматически закрывает предыдущий.
    Для параграфа нам на данный момент полезен и интересен будет параметр align(выравнивание). Принимает значения: "left"(по левому краю), "right"(по правому краю), "center"(по центру), "justify"(выравнивание по ширине). Пимер: <p align="center">.
  • Тег заголовка <H#>, где # - число от 1 до 6, т.е порядок заголовка(<h2>Самый большой и толстый заголовок</h2>,...переходные варианты...<h2>Заголовок который даже меньше обычного текста, но выделен жирным шрифтом.</h2>). Закрывающий тег нужен чтобы не сделать заголовком весь текст после открывающего тега.
  • Если текст поставить между тегов <PRE></PRE>, то текст будет отображен с переносами строки которые вы сделаете, но тут есть один подводный камень - текст не будет автоматически переноситься по строкам, т.е. если вы поставите теги <PRE></PRE> и при этом впишите в них без переносов строки текст скажем страницы на три то он и будет отображаться одной строкой, а хорошего в этом мало. Вывод: осторожнее пользуйтесь этим тегом, гораздо проще порой в редакторе автоматически заменить все переносы строки на <br>.

Изменение начертания текста. Опять таки, затронем самое простое и востребованное
 

<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(выравнивание таблицы на странице).

Строка 1 ячейка 1 Строка 1 ячейка 2
Строка 2 ячейка 1 Строка 2 ячейка 2
<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>

 

Причем все что заключено между тегами(а там можно включить практически что угодно) является ссылкой, т.е. в данном случае при клике на объект, будь то текст или картинка(вставляется стандартный, описанный ниже), ведет к переходу на страницу или файл объявленный параметром href!

Ссылка на email
 

<a href="mailto:ваш@email ?subject=Тема сообщения &Body=Текст письма предложенный по умолчанию &cc=послать_копию@email"> Объект ссылки </a>

Причем тема, текст и копия - необязательные параметры, которые можно полностью исключить урезав ссылку до:
<a href="mailto:ваш@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
      # 340034   RGB (52,0,52)  
  • # 4d004d
      # 4d004d   RGB (77,0,77)  
  • # 670067
      # 670067   RGB (103,0,103)  
  • # 800080
      # 800080   RGB (128,0,128)  
  • # 9a009a
      # 9a009a   RGB (154,0,154)  
  • # b300b3
      # b300b3   RGB (179,0,179)  
  • # cd00cd
      # cd00cd   RGB (205,0,205)  
Монохроматический цвет

Ниже вы можете увидеть некоторые цвета, близкие к # 800080.Набор связанных цветов может быть полезен, если вам нужна вдохновляющая альтернатива исходному выбору цвета.

  • # 600080
      # 600080   RGB (96,0,128)  
  • # 6b0080
      # 6b0080   RGB (107,0,128)  
  • # 750080
      # 750080   RGB (117,0,128)  
  • # 800080
      # 800080   RGB (128,0,128)  
  • # 800075
      # 800075   RGB (128,0,117)  
  • # 80006b
      # 80006b   RGB (128,0,107)  
  • # 800060
      # 800060   RGB (128,0,96)  
Похожие цвета Текст с шестнадцатеричным цветом # 800080

Этот текст имеет цвет шрифта # 800080.

   Текст здесь   
# 800080 цвет фона

Цвет фона этого абзаца # 800080.

  

Содержимое

# 800080 цвет границы

Цвет границы этого элемента равен # 800080.

  
Содержимое
CSS коды
 .текст {color: # 800080;}  
  .background {background-color: # 800080;}  
  .border {border: 1px solid # 800080;}  

Оттенок достигается путем добавления черного к любому чистому оттенку, а оттенок создается путем смешивания белого с любым чистым цветом. В этом примере # 0a000a - самый темный цвет, а # fff6ff - самый светлый.

  • # 0a000a
      # 0a000a   RGB (10,0,10)  
  • # 1e001e
      # 1e001e   RGB (30,0,30)  
  • # 320032
      # 320032   RGB (50,0,50)  
  • # 450045
      # 450045   RGB (69,0,69)  
  • # 5
      # 5   RGB (89,0,89)  
  • # 6c006c
      # 6c006c   RGB (108,0,108)  
  • # 800080
      # 800080   RGB (128,0,128)  
  • # 940094
      # 940094   RGB (148,0,148)  
  • # a700a7
      # a700a7   RGB (167,0,167)  
  • # bb00bb
      # bb00bb   RGB (187,0,187)  
  • # ce00ce
      # ce00ce   RGB (206,0,206)  
  • # e200e2
      # e200e2   RGB (226,0,226)  
  • # f600f6
      # f600f6   RGB (246,0 246)  
Оттенок Изменение цвета
  • # ff0aff
      # ff0aff   RGB (255,10,255)  
  • # ff1eff
      # ff1eff   RGB (255,30,255)  
  • # ff32ff
      # ff32ff   RGB (255,50,255)  
  • # ff45ff
      # ff45ff   RGB (255,69,255)  
  • # ff59ff
      # ff59ff   RGB (255,89,255)  
  • # ff6cff
      # ff6cff   RGB (255,108,255)  
  • # ff80ff
      # ff80ff   RGB (255,128,255)  
  • # ff94ff
      # ff94ff   RGB (255 148 255)  
  • # ffa7ff
      # ffa7ff   RGB (255,167,255)  
  • #ffbbff
      #ffbbff   RGB (255 187 255)  
  • #ffceff
      #ffceff   RGB (255,206,255)  
  • # ffe2ff
      # ffe2ff   RGB (255,226,255)  
  • # fff6ff
      # fff6ff   RGB (255 246 255)  
Оттенок Изменение цвета

Тон получается путем добавления серого к любому чистому оттенку. В этом случае # 453b45 - менее насыщенный цвет, а # 800080 - самый насыщенный.

  • # 453b45
      # 453b45   RGB (69,59,69)  
  • # 4a364a
      # 4a364a   RGB (74,54,74)  
  • # 4f314f
      # 4f314f   RGB (79,49,79)  
  • # 542c54
      # 542c54   RGB (84,44,84)  
  • # 592759
      # 592759   RGB (89,39,89)  
  • # 5e225e
      # 5e225e   RGB (94,34,94)  
  • # 621e62
      # 621e62   RGB (98,30,98)  
  • # 671967
      # 671967   RGB (103,25,103)  
  • # 6c146c
      # 6c146c   RGB (108,20,108)  
  • # 710f71
      # 710f71   RGB (113,15,113)  
  • # 760a76
      # 760a76   RGB (118,10,118)  
  • # 7b057b
      # 7b057b   RGB (123,5,123)  
  • # 800080
      # 800080   RGB (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 избранных

Авторизуйтесь, чтобы добавить цвет к избранным.


    RGB в процентах # 800080


  • Красный (51%)

  • Зеленый (0%)

  • Синий (51%)

Оттенки и оттенки № 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

Темные / светлые оттенки:
FFFD FF FF FF FF RGB (255 153 254)
# 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
# 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
  • Прописные шестигранные # 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.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *