Содержание

Список цветов с кодами hex и rgb

Информация о цвете

#800080 содержит только красный и голубой цвета. Для #800080 «безопасным» веб-цветом является #660066 (или кратко #606).

Цветовая модель 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
RGB1280128
HSL300°100.00%25.10%
HSB/HSV300°100.00%50.20%
CMYK0.00%100.00%0.00%
49.80%

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

Шестнадцатиричная800080
Десятичная1280128
Двоичная10000000010000000
Восьмеричная2000200

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

Темные тона цвета #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 и CSS. Таблица смешивания цветов.  / / Список названий, кодировок и примеры цветов. Русские и английские наименования цветов. Шестнадцатеричное значение HEX, RGB, CMYK, HSV

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

Список названий и примеры широко распространённых цветов. Значения цветов номинальны, так как не имеется чёткой системы перевода из RGB в CMYK и т.п. Не используйте данные значения там, где необходимо соответствие цветов с высокой точностью. Кроме того, названия цветов субъективны и произвольны, и могут отличаться в разных культурах. Ни одно из представленных здесь названий цветов не может адекватно и в полной мере характеризовать образец цвета.

Английское название Пример Русское название Пример Шестнадцатеричное
значение (HEX)
RGB CMYK HSV
(Hue, Saturation, Value =
тон, насыщенность, значение)
Air Force Blue Военно-воздушный синий #5D8AA8 93 138 168 45 18 0 34 204 45 66
Alice Blue Синий Элис (Рузвельт Лонгворт) #F0F8FF 240 248 255 6 3 0 0 208 6 100
Alizarin Crimson Ализариновый красный #E32636 227
38
54 1 92 82 0 355 83 89
Almond Миндаль Крайола #EFDECD 239 222 205 0 7 14 6 30 14 94
Amaranth Амарантовый #E52B50 229 43 80 0 81 65

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

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

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