Код цвета желто зеленый

Содержание

• • • Пример серебристого цвета
• Подбор RGB цвета
• Таблица цветов
• Ассоциативный ряд цветов:
• Свойство color
  • 1. Приоритетные цвета: свойство color
  • 2. Значения цвета
    • 2.1. Основные ключевые слова
    • 2.2. Числовые значения цвета
      • 2.2.1. Цвета модели RGB
      • 2.2.2. Цвета модели RGBA
      • 2.2.3. Ключевое слово transparent
      • 2.2.4. HSL-цвета
      • 2.2.5. HSLA-значения цвета
    • 2.3. Расширенные ключевые слова цвета
    • 2.4. Ключевое слово currentColor
• Список цветов с названиями
  • Рекомендуем посмотреть:

В HTML цвет чаще всего задаются RGB-кодом. Любой цвет разлагается на три основные составляющие:

Любой цвет задается сочетанием трех чисел, каждое из которых отражает долю одного из трех основных цветов. Каждая доля занимает 1 байт и может варьироваться от 00 до FF (в шестнадцатеричной системе счисления) или от 0 до 255 (в десятичной системе счисления).

Если цвет задается в шестнадцатеричном формате, то перед последовательностью шестнадцатеричных цифр ставится знак решетки ( # ). Порядок чисел, указывающих насыщенность основных цветов, должен выдерживаться строго. Сначала – красный, затем – зеленый, в конце – синий.

Если цвет задается в десятичном формате, то сначала идет ключевое слово rgb, затем в скобках через запятую десятичные числа насыщенности основных цветов.

Для наиболее популярных цветов были введены символьные имена.

Пример серебристого цвета

Подбор RGB цвета

Таблица цветов

Цветовая константа
Red
Green
Blue
Образец
alicemblue
F0
F8
FF
antiquewhite
FA
EB
D7
aqua
00
FF
FF
aquamarine
7F
FF
D4
azure
F0
FF
FF
beige
F5
F5
DC
bisque
FF
E4
C4
black
00
00
00
blanchedalmond
FF
EB
CD
blue
00
00
FF
blueviolet
8A
2B
E2
brown
A5
2A
2A
burlywood
DE
B8
87
cadetblue
5F
9E
A0
chartreuse
7F
FF
00
chocolate
D2
69
1E
coral
FF
7F
50
cornflowerblue
64
95
ED
cornsilk
FF
F8
DC
crimson
DC
14
3C
cyan
00
FF
FF
darkblue
00
00
8B
darkcyan
00
8B
8B
darkgoldenrod
B8
86
0B
darkgray
A9
A9
A9
darkgreen
00
64
00
darkkhaki
BD
B7
6B
darkmagenta
8B
00
8b
darkolivegreen
55
6B
2F
darkorange
FF
8C
00
darkochid
99
32
CC
darkred
8B
00
00
darksalmon
E9
96
7A
darkseagreen
8F
BC
8F
darkslateblue
48
3D
8B
darkslategray
2F
4F
4F
darkturquoise
00
CE
D1
darkviolet
94
00
D3
deeppink
FF
14
93
deepskyblue
00
BF
FF
dimgray
69
69
69
dodgerblue
1E
90
FF
firebrick
B2
22
22
floralwhite
FF
FA
F0
forestgreen
22
8B
22
fushsia
FF
00
FF
gainsboro
DC
DC
DC
ghostwhite
F8
F8
FF
gold
FF
D7
00
goldenrod
DA
A5
20
gray
80
80
80
green
00
80
00
greenyellow
AD
FF
2F
honeydew
F0
FF
F0
hotpink
FF
69
B4
indiandred
CD
5C
5C
indigo
4B
00
82
ivory
FF
FF
F0
khaki
F0
E6
8C
lavender
E6
E6
FA
lavenderblush
FF
F0
F5
lawngreen
7C
FC
00
lemonchiffon
FF
FA
CD
ligtblue
AD
D8
E6
lightcoral
F0
80
80
lightcyan
E0
FF
FF
lightgoldenrodyellow
FA
FA
D2
lightgreen
90
EE
90
lightgrey
D3
D3
D3
lightpink
FF
B6
C1
lightsalmon
FF
A0
7A
lightseagreen
20
B2
AA
lightscyblue
87
CE
FA
lightslategray
77
88
99
lightsteelblue
B0
C4
DE
lightyellow
FF
FF
E0
lime
00
FF
00
limegreen
32
CD
32
linen
FA
F0
E6
magenta
FF
00
FF
maroon
80
00
00
mediumaquamarine
66
CD
AA
mediumblue
00
00
CD
mediumorchid
BA
55
D3
mediumpurple
93
70
DB
mediumseagreen
3C
B3
71
mediumslateblue
7B
68
EE
mediumspringgreen
00
FA
9A
mediumturquoise
48
D1
CC
medium violetred
C7
15
85
midnightblue
19
19
70
mintcream
F5
FF
FA
mistyrose
FF
E4
E1
moccasin
FF
E4
B5
navajowhite
FF
DE
AD
navy
00
00
80
oldlace
FD
F5
E6
olive
80
80
00
olivedrab
6B
8E
23
orange
FF
A5
00
orengered
FF
45
00
orchid
DA
70
D6
palegoldenrod
EE
E8
AA
palegreen
98
FB
98
paleturquose
AF
EE
EE
palevioletred
DB
70
93
papayawhop
FF
EF
D5
peachpuff
FF
DA
B9
peru
CD
85
3F
pink
FF
C0
CB
plum
DD
A0
DD
powderblue
B0
E0
E6
purple
80
00
80
red
FF
00
00
rosybrown
BC
8F
8F
royalblue
41
69
E1
saddlebrown
8B
45
13
salmon
FA
80
72
sandybrown
F4
A4
60
seagreen
2E
8B
57
seashell
FF
F5
EE
sienna
A0
52
2D
silver
C0
C0
C0
skyblue
87
CE
EB
slateblue
6A
5A
CD
slategray
70
80
80
snow
FF
FA
FA
springgreen
00
FF
7F
steelblue
46
82
B4
tan
D2
B4
8C
teal
00
80
80
thistle
D8
BF
D8
tomato
FF
63
47
turquose
40
E0
D0
violet
EE
82
EE
wheat
F5
DE
B3
white
FF
FF
FF
whitesmoke
F5
F5
F5
yellow
FF
FF
00
yellowgreen
9A
CD
32

Читайте также:  Размеры масляного фильтра ваз 2109

Ассоциативный ряд цветов:

• Таблица "безопасных" цветов
• Правильное сочетание цветов
• Сводная таблица стилей
• Сводная таблица специальных символов
• Accessibility color wheel – сервис подбора цветов для фона и текста с учетом пользователей с ограниченными способностями.
  Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.
  Для использования локально на компьютере, можно скачать архив.

.

Модуль CSS color подробно описывает значения, которые позволяют авторам определять цвета и непрозрачность html-элементов, а также значения свойства color .

Свойство color

• Содержание:
• 1. Приоритетные цвета: свойство color
• 2. Значения цвета
• 2.1. Основные ключевые слова
• 2.2. Числовые значения цвета
• 2.2.1. Цвета модели RGB
• 2.2.2. Цвета модели RGBA
• 2.2.3. Ключевое слово transparent
• 2.2.4. HSL-цвета
• 2.2.5. HSLA-значения цвета
• 2.3. Расширенные ключевые слова цвета
• 2.4. Ключевое слово currentColor

1. Приоритетные цвета: свойство color

Свойство задаёт цвет шрифта с помощью различных систем цветопередачи. Свойство описывает цвет текстового содержимого элемента. Кроме того, оно используется для предоставления потенциального косвенного значения (currentColor) для любых других свойств, которые принимают значения цвета.

color
Значения:
цвет
Задаётся с помощью значений цвета.
inherit
Наследует значение свойства от родительского элемента.

2. Значения цвета

2.1. Основные ключевые слова

Список основных ключевых слов включает в себя следующие значения:

Название
HEX
RGB
Цвет
black
#000000
0,0,0
silver
#C0C0C0
192,192,192
gray
#808080
128,128,128
white
#FFFFFF
255,255,255
maroon
#800000
128,0,0
red
#FF0000
255,0,0
purple
#800080
128,0,128
fuchsia
#FF00FF
255,0,255
green
#008000
0,128,0
lime
#00FF00
0,255,0
olive
#808000
128,128,0
yellow
#FFFF00
255,255,0
navy
#000080
0,0,128
blue
#0000FF
0,0,255
teal
#008080
0,128,128
aqua
#00FFFF
0,255,255

Названия цветов не чувствительны к регистру.

2.2. Числовые значения цвета
2.2.1. Цвета модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак # , за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb преобразуется в шестизначную форму #rrggbb путем копирования цифр, а не путем добавления нулей. Например, #fb0 расширяется до #ffbb00 . Это гарантирует, что белый #ffffff может быть указан в короткой записи #fff , и удаляет любые зависимости от глубины цвета дисплея.

Формат значения RGB в функциональной нотации — rgb( , за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ ) . Целочисленное значение 255 соответствует 100% и F или FF в шестнадцатеричной записи:

Символы пробела допускаются вокруг числовых значений.

Читайте также:  Двойные стекла на приору своими руками

Все цвета RGB указываются в цветовом пространстве sRGB. Пользовательские агенты могут различаться в точности, с которой они представляют эти цвета, но использование sRGB дает однозначное и объективно измеримое определение того, каким должен быть цвет.

Значения за пределами диапазона устройства должны быть обрезаны или отображены в известном диапазоне: значения красного, зеленого и синего необходимо изменить, чтобы они попадали в диапазон, поддерживаемый устройством. Некоторые устройства, например принтеры, имеют диапазоны, отличные от sRGB, поэтому некоторые цвета за пределами диапазона 0..255 sRGB будут представимы (внутри диапазона устройства) и будут отображаться.

2.2.2. Цвета модели RGBA

Цветовая модель RGB расширена в этой спецификации, чтобы включить alpha , которая управляющая непрозрачностью цвета. В отличие от значений RGB, для значения RGBA нет шестнадцатеричной записи.

Формат значения RGBA в функциональной нотации — rgba( за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует значение непрозрачности, а затем ) . Целочисленное значение 255 соответствует 100% , rgba (255,255,255,0.8) = rgba (100%,100%,100%,0.8) . Символы пробела допускаются вокруг числовых значений.

Параметр непрозрачности применяется ко всему объекту. Любые значения за пределами диапазона от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный) будут ограничены этим диапазоном.

2.2.3. Ключевое слово transparent

Это ключевое слово можно считать сокращением для прозрачного черного цвета rgba (0,0,0,0) , которое является его вычисленным значением.

2.2.4. HSL-цвета

Цвета RGB не интуитивно понятны. CSS3 добавляет числовые цвета hue-saturation-lightness (HSL) в дополнение к числовым цветам RGB. HSL-цвета симметричны свету и темноте, и преобразование HSL в RGB максимально просто.

Цвета HSL кодируются как тройка (оттенок, насыщенность, яркость). Оттенок представлен как угол цветного круга (то есть радуга, представленная в круге). Этот угол обычно измеряется в градусах, так что эта единица измерения неявна в CSS; синтаксически дается только число. По определению красный = 0 = 360, а остальные цвета распределены по кругу, поэтому зеленый = 120, синий = 240 и т.д. Насыщенность и яркость представлены в процентах. 100% — это полное насыщение, а 0% — это оттенок серого. Яркость 0% — черная, 100% — белая, а 50% — нормальная.

2.2.5. HSLA-значения цвета

Так же, как функциональная нотация rgb() имеет альфа-аналог rgba() , функциональная нотация hsl() имеет альфа-аналог hsla() .

Формат значения цвета HSLA в функциональной нотации — hsla( , за которым следуют оттенок в градусах, насыщенность и яркость в процентах, и значение непрозрачности, после которого следует символ ) . Символы пробела допускаются вокруг числовых значений.

2.3. Расширенные ключевые слова цвета

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

Название
HEX
RGB
Цвет
aliceblue
#F0F8FF
240,248,255
antiquewhite
#FAEBD7
250,235,215
aqua
#00FFFF
0,255,255
aquamarine
#7FFFD4
127,255,212
azure
#F0FFFF
240,255,255
beige
#F5F5DC
245,245,220
bisque
#FFE4C4
255,228,196
black
#000000
0,0,0
blanche­dalmond
#FFEBCD
255,235,205
blue
#0000FF
0,0,255
blueviolet
#8A2BE2
138,43,226
brown
#A52A2A
165,42,42
burlywood
#DEB887
222,184,135
cadetblue
#5F9EA0
95,158,160
chartreuse
#7FFF00
127,255,0
chocolate
#D2691E
210,105,30
coral
#FF7F50
255,127,80
corn­flowerblue
#6495ED
100,149,237
cornsilk
#FFF8DC
255,248,220
crimson
#DC143C
220,20,60
cyan
#00FFFF
0,255,255
darkblue
#00008B
0,0,139
darkcyan
#008B8B
0,139,139
dark­goldenrod
#B8860B
184,134,11
darkgray
#A9A9A9
169,169,169
darkgreen
#006400
0,100,0
darkkhaki
#BDB76B
189,183,107
darkmagenta
#8B008B
139,0,139
darkolivegreen
#556B2F
85,107,47
darkorange
#FF8C00
255,140,0
darkorchid
#9932CC
153,50,204
darkred
#8B0000
139,0,0
darksalmon
#E9967A
233,150,122
dark­seagreen
#8FBC8F
143,188,143
darkslate­blue
#483D8B
72,61,139
darkslate­gray
#2F4F4F
47,79,79
dark­turquoise
#00CED1
0,206,209
darkviolet
#9400D3
148,0,211
deeppink
#FF1493
255,20,147
deepsky­blue
#00BFFF
0,191,255
dimgray
#696969
105,105,105
dodgerblue
#1E90FF
30,144,255
firebrick
#B22222
178,34,34
floral­white
#FFFAF0
255,250,240
forest­green
#228B22
34,139,34
fuchsia
#FF00FF
255,0,255
gainsboro
#DCDCDC
220,220,220
ghostwhite
#F8F8FF
248,248,255
gold
#FFD700
255,215,0
goldenrod
#DAA520
218,165,32
gray
#808080
128,128,128
green
#008000
0,128,0
green­yellow
#ADFF2F
173,255,47
honeydew
#F0FFF0
240,255,240
hotpink
#FF69B4
255,105,180
indianred
#CD5C5C
205,92,92
indigo
#4B0082
75,0,130
ivory
#FFFFF0
255,255,240
khaki
#F0E68C
240,230,140
lavender
#E6E6FA
230,230,250
lavender­blush
#FFF0F5
255,240,245
lawngreen
#7CFC00
124,252,0
lemon­chiffon
#FFFACD
255,250,205
lightblue
#ADD8E6
173,216,230
lightcoral
#F08080
240,128,128
lightcyan
#E0FFFF
224,255,255
lightgolden­rodyellow
#FAFAD2
250,250,210
lightgray
#D3D3D3
211,211,211
lightgreen
#90EE90
144,238,144
lightpink
#FFB6C1
255,182,193
lightsalmon
#FFA07A
255,160,122
light­seagreen
#20B2AA
32,178,170
light­skyblue
#87CEFA
135,206,250
light­slategray
#778899
119,136,153
lightsteel­blue
#B0C4DE
176,196,222
light­yellow
#FFFFE0
255,255,224
lime
#00FF00
0,255,0

Источник: kalina-2.ru