800080 цвет – #800080 Color Hex

Цветовая модель RGB

Цвет #800080 в RGB задается как (128,0,128).

• Красный цвет имеет значение 128;
• Зеленый цвет имеет значение 0;
• Синий цвет имеет значение 128.

RGB:
(128,0,128)
(50%,0%,50%)

Каналы в RGB и насыщенность

R 128 из 255 = 50%
G 0 из 255 = 0%
B 128 из 255 = 50%

R + G + B ~ 33%. #800080 достаточно темный цвет.

Соотношение цветов в процентах

R + G + B =
128 + 0 + 128 = 256 (100%)

R 128 из 256 ~ 50%
G 0 из 256 ~ 0%
B 128 из 256 ~ 50%

Цветовая модель CMYK

Цвет #800080 в CMYK задается как (0,100,0,50).

• Сине-зеленый цвет имеет значение 0.00%
• Пурпурный цвет имеет значение 100.00%
• Желтый цвет имеет значение 0.00%
• Ключевой цвет имеет значение 49.80%

CMYK:
(0,100,0,50)
C0M100Y0K50 
(0%,100%,0%,50%)
(0.00/1.00/0.00/0.50)	

Каналы CMYK в процентах

Коды цвета

Цвет #800080 в популярных цветовых моделях.

Цвет #800080 в популярных системах счисления.

Оттенки цвета

Темные тона цвета #800080

Светлые тона цвета #800080

Стили css3

Примеры css и html кодов для элементов с цветом #800080. Используйте также rgb(128,0,128) вместо hex-кода.

Цвет текста

.myTextColor { color: #800080; }

<p>This sample text font color is #800080.</p>

Цвет этого текста #800080.

Цвет фона

.myBgColor { background-color: #800080; }

<div>Inner text</div>

Этот div имеет фон #800080 цвета.

Цвет границы

.myBorderColor { border: 1px solid #800080; }

<div>Div</div>

Этот div имеет границы #800080 цвета.

Прозрачость

.myOpacity80 { color: #800080; opacity: 0.8; }

<p>80%</p>

Текст с цветом #800080 и прозрачностью 100% | 80% | 50% | 30%.

Фон с уровнем прозрачности 100%.

Фон с уровнем прозрачности 80%.

Фон с уровнем прозрачности 50%.

Фон с уровнем прозрачности 30%.

Цвет тени от текста

.textShadow {text-shadow: 3px 3px 1px #800080;}

<p>Text here.</p>

Этот текст имеет тень цвета #800080.

.textShadow {text-shadow: 3px 3px 1px #800080, 3px 3px 1px red;}

<p>Text here.</p>

Этот текст имеет тень с основным цветом #800080 и красным дополнительным цветом.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#800080, Direction=45, Strength=4)}

<p>Text</p>

This text has shadow with #800080 and red colors in old Internet Explorer.

Цвет тени от элемента div

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #800080;
  -webkit-box-shadow:	1px 1px 3px 2px #800080;
  box-shadow:		1px 1px 3px 2px #800080;
}

/* html code with inline style */
<div>
 Div content here</div>

Этот div имеет тень цвета #800080.

Примеры

Пример цвета на черном фоне

Этот текст цвета #800080 на черном фоне.

Кнопка

Пример цвета на белом фоне

Этот текст цвета #800080 на белом фоне.

Кнопка

Пример черного текста на фоне цвета #800080

Этот текст черного цвета на фоне цвета #800080.

Кнопка

Пример белого текста на фоне цвета #800080

Этот текст белого цвета на фоне цвета #800080.

Кнопка

getcolorcode.com

Список названий, кодировок и примеры цветов. Русские и английские наименования цветов. Шестнадцатеричное значение HEX, RGB, CMYK, HSV

dpva.ru

Коды цвета html в форматах HEX и RGB

Подберите нужные коды цветов html и их оттенков в подходящих для Вас форматах HEX и RGB.

Скопируйте их и вставьте в нужное место для использования на своем сайте. И наслаждайтесь полученным результатом!

Все оттенки серого (Жми! И увидишь!)

	#fff
	#f6f6f6
	#eee
	#e5e5e5
	#ddd
	#d4d4d4
	#ccc
	#c3c3c3
	#bbb
	#b2b2b2
	#aaa
	#a1a1a1
	#999
	#909090
	#888
	#7f7f7f
	#777
	#6e6e6e
	#666
	#5d5d5d
	#555
	#4c4c4c
	#444
	#3b3b3b
	#333
	#2a2a2a
	#222
	#191919
	#111
	#080808
	#000

Все оттенки красного (Жми! И увидишь!)

	#fff
	#fee
	#fdd
	#fcc
	#fbb
	#faa
	#f99
	#f88
	#f77
	#f66
	#f55
	#f44
	#f33
	#f22
	#f11
	#f00
	#e00
	#d00
	#c00
	#b00
	#a00
	#900
	#800
	#700
	#600
	#500
	#400
	#300
	#200
	#100
	#000

Все оттенки оранжевого (Жми! И увидишь!)

	#fff
	#fff9ee
	#fff3dd
	#ffedcc
	#ffe7bb
	#ffe1aa
	#ffdb99
	#ffd588
	#ffcf77
	#ffc966
	#ffc355
	#ffbd44
	#ffb733
	#ffb122
	#ffab11
	#ffa500
	#ee9a00
	#dd8f00
	#cc8400
	#bb7900
	#aa6e00
	#996300
	#885800
	#774d00
	#664200
	#553700
	#442c00
	#332100
	#221600
	#110b00
	#000

Все оттенки желтого (Жми! И увидишь!)

	#fff
	#ffe
	#ffd
	#ffc
	#ffb
	#ffa
	#ff9
	#ff8
	#ff7
	#ff6
	#ff5
	#ff4
	#ff3
	#ff2
	#ff1
	#ff0
	#ee0
	#dd0
	#cc0
	#bb0
	#aa0
	#990
	#880
	#770
	#660
	#550
	#440
	#330
	#220
	#110
	#000

Все оттенки зеленого (Жми! И увидишь!)

	#fff
	#f7fff7
	#e6ffe6
	#d5ffd5
	#c4ffc4
	#b3ffb3
	#a2ffa2
	#91ff91
	#80ff80
	#6fff6f
	#5eff5e
	#4dff4d
	#3cff3c
	#2bff2b
	#1aff1a
	#09ff09
	#00f700
	#00e600
	#00d500
	#00c400
	#00b300
	#00a200
	#009100
	#008000
	#006f00
	#005e00
	#004d00
	#003c00
	#002b00
	#001a00
	#000900
	#000

Все оттенки голубого (Жми! И увидишь!)

	#fff
	#eff
	#dff
	#cff
	#bff
	#aff
	#9ff
	#8ff
	#7ff
	#6ff
	#5ff
	#4ff
	#3ff
	#2ff
	#1ff
	#0ff
	#0ee
	#0dd
	#0cc
	#0bb
	#0aa
	#099
	#088
	#077
	#066
	#055
	#044
	#033
	#022
	#011
	#000

Все оттенки синего (Жми! И увидишь!)

	#fff
	#eef
	#ddf
	#ccf
	#bbf
	#aaf
	#99f
	#88f
	#77f
	#66f
	#55f
	#44f
	#33f
	#22f
	#11f
	#00f
	#00e
	#00d
	#00c
	#00b
	#00a
	#009
	#008
	#007
	#006
	#005
	#004
	#003
	#002
	#001
	#000

Все оттенки фиолетового (Жми! И увидишь!)

	#fff
	#fff7ff
	#ffe6ff
	#ffd5ff
	#ffc4ff
	#ffb3ff
	#ffa2ff
	#ff91ff
	#ff80ff
	#ff6fff
	#ff5eff
	#ff4dff
	#ff3cff
	#ff2bff
	#ff1aff
	#ff09ff
	#f700f7
	#e600e6
	#d500d5
	#c400c4
	#b300b3
	#a200a2
	#910091
	#800080
	#6f006f
	#5e005e
	#4d004d
	#3c003c
	#2b002b
	#1a001a
	#090009
	#000

pribylwm.ru

HTML цвета

Вы здесь: Главная — HTML — HTML Основы — HTML цвета

Существует несколько различных вариантов представления цвета.

Вот их список:

• RGB — Red Green Blue (Красный Зелёный Синий)
• HSL — Hue Saturation Lightness (Тон Насыщенность Светлость)
• CMYK — Cyan Magenta Yellow blacK (Голубой Пурпурный Жёлтый Чёрный)

Самой популярной является цветовая модель — RGB. Именно её при создании сайта на HTML и используют.Модель RGB содержит три составляющих цвета (красную, зелёную и синюю), поэтому для определения цвета необходимо их все задать. Значение каждой составляющей варьируется от 0 до 255 или 0 до $FF (в шестнадцатиричной системе счисления).

Цвет в HTML можно задать либо словесным способом, либо напрямую записать шестизначное шестнадцатеричное число в формате #RRGGBB (HEX). Где вместо RR, GG и BB подставляются конкретные значения от 00 до FF, чем больше число, тем сильнее содержимое данной составляющей в цвете.

Различные цвета в HEX:

000000	000020	000040	000060	000080	0000a0	0000c0	0000ff
002000	002020	002040	002060	002080	0020a0	0020c0	0020ff
004000	004020	004040	004060	004080	0040a0	0040c0	0040ff
006000	006020	006040	006060	006080	0060a0	0060c0	0060ff
008000	008020	008040	008060	008080	0080a0	0080c0	0080ff
00a000	00a020	00a040	00a060	00a080	00a0a0	00a0c0	00a0ff
00c000	00c020	00c040	00c060	00c080	00c0a0	00c0c0	00c0ff
00ff00	00ff20	00ff40	00ff60	00ff80	00ffa0	00ffc0	00ffff

200000	200020	200040	200060	200080	2000a0	2000c0	2000ff
202000	202020	202040	202060	202080	2020a0	2020c0	2020ff
204000	204020	204040	204060	204080	2040a0	2040c0	2040ff
206000	206020	206040	206060	206080	2060a0	2060c0	2060ff
208000	208020	208040	208060	208080	2080a0	2080c0	2080ff
20a000	20a020	20a040	20a060	20a080	20a0a0	20a0c0	20a0ff
20c000	20c020	20c040	20c060	20c080	20c0a0	20c0c0	20c0ff
20ff00	20ff20	20ff40	20ff60	20ff80	20ffa0	20ffc0	20ffff

400000	400020	400040	400060	400080	4000a0	4000c0	4000ff
402000	402020	402040	402060	402080	4020a0	4020c0	4020ff
404000	404020	404040	404060	404080	4040a0	4040c0	4040ff
406000	406020	406040	406060	406080	4060a0	4060c0	4060ff
408000	408020	408040	408060	408080	4080a0	4080c0	4080ff
40a000	40a020	40a040	40a060	40a080	40a0a0	40a0c0	40a0ff
40c000	40c020	40c040	40c060	40c080	40c0a0	40c0c0	40c0ff
40ff00	40ff20	40ff40	40ff60	40ff80	40ffa0	40ffc0	40ffff

600000	600020	600040	600060	600080	6000a0	6000c0	6000ff
602000	602020	602040	602060	602080	6020a0	6020c0	6020ff
604000	604020	604040	604060	604080	6040a0	6040c0	6040ff
606000	606020	606040	606060	606080	6060a0	6060c0	6060ff
608000	608020	608040	608060	608080	6080a0	6080c0	6080ff
60a000	60a020	60a040	60a060	60a080	60a0a0	60a0c0	60a0ff
60c000	60c020	60c040	60c060	60c080	60c0a0	60c0c0	60c0ff
60ff00	60ff20	60ff40	60ff60	60ff80	60ffa0	60ffc0	60ffff

800000	800020	800040	800060	800080	8000a0	8000c0	8000ff
802000	802020	802040	802060	802080	8020a0	8020c0	8020ff
804000	804020	804040	804060	804080	8040a0	8040c0	8040ff
806000	806020	806040	806060	806080	8060a0	8060c0	8060ff
808000	808020	808040	808060	808080	8080a0	8080c0	8080ff
80a000	80a020	80a040	80a060	80a080	80a0a0	80a0c0	80a0ff
80c000	80c020	80c040	80c060	80c080	80c0a0	80c0c0	80c0ff
80ff00	80ff20	80ff40	80ff60	80ff80	80ffa0	80ffc0	80ffff

a00000	a00020	a00040	a00060	a00080	a000a0	a000c0	a000ff
a02000	a02020	a02040	a02060	a02080	a020a0	a020c0	a020ff
a04000	a04020	a04040	a04060	a04080	a040a0	a040c0	a040ff
a06000	a06020	a06040	a06060	a06080	a060a0	a060c0	a060ff
a08000	a08020	a08040	a08060	a08080	a080a0	a080c0	a080ff
a0a000	a0a020	a0a040	a0a060	a0a080	a0a0a0	a0a0c0	a0a0ff
a0c000	a0c020	a0c040	a0c060	a0c080	a0c0a0	a0c0c0	a0c0ff
a0ff00	a0ff20	a0ff40	a0ff60	a0ff80	a0ffa0	a0ffc0	a0ffff

c00000	c00020	c00040	c00060	c00080	c000a0	c000c0	c000ff
c02000	c02020	c02040	c02060	c02080	c020a0	c020c0	c020ff
c04000	c04020	c04040	c04060	c04080	c040a0	c040c0	c040ff
c06000	c06020	c06040	c06060	c06080	c060a0	c060c0	c060ff
c08000	c08020	c08040	c08060	c08080	c080a0	c080c0	c080ff
c0a000	c0a020	c0a040	c0a060	c0a080	c0a0a0	c0a0c0	c0a0ff
c0c000	c0c020	c0c040	c0c060	c0c080	c0c0a0	c0c0c0	c0c0ff
c0ff00	c0ff20	c0ff40	c0ff60	c0ff80	c0ffa0	c0ffc0	c0ffff

ff0000	ff0020	ff0040	ff0060	ff0080	ff00a0	ff00c0	ff00ff
ff2000	ff2020	ff2040	ff2060	ff2080	ff20a0	ff20c0	ff20ff
ff4000	ff4020	ff4040	ff4060	ff4080	ff40a0	ff40c0	ff40ff
ff6000	ff6020	ff6040	ff6060	ff6080	ff60a0	ff60c0	ff60ff
ff8000	ff8020	ff8040	ff8060	ff8080	ff80a0	ff80c0	ff80ff
ffa000	ffa020	ffa040	ffa060	ffa080	ffa0a0	ffa0c0	ffa0ff
ffc000	ffc020	ffc040	ffc060	ffc080	ffc0a0	ffc0c0	ffc0ff
ffff00	ffff20	ffff40	ffff60	ffff80	ffffa0	ffffc0	ffffff

Как видите HTML цвета являются не сложной темой, а подобрать их можно хотя бы из таблицы выше. А как использовать цвета, подробно описывалось в соответствующей статье в категории основы языка HTML.

• Создано 06.07.2010 14:32:05
• Михаил Русаков

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:
   <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru//images/button.gif» alt=»Как создать свой сайт» /></a>

   Она выглядит вот так:

2. Текстовая ссылка:
   <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

   Она выглядит вот так: Как создать свой сайт

3. BB-код ссылки для форумов (например, можете поставить её в подписи):
   [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

myrusakov.ru

No related posts.