ВНИМАНИЕ! Если Вам ПО ТЕЛЕФОНУ предложили перевести деньги на КИВИ-КОШЕЛЁК, то это означает, что к нашим номерам подключились мошенники!!! Будьте внимательны!

Цвет красный код


Конвертер цветов

Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.

HEX / HTML

Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

  1. h2 { color: #ff0000; } /* красный */
  2. h3 { color: #00ff00; } /* зелёный */
  3. h4 { color: #0000ff; } /* синий */
  4. h5 { color: #00f; } /* тот же синий, сокращённая запись */

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

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

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

  1. h2 { color: rgb(255, 0, 0); } /* красный */
  2. h3 { color: rgb(0, 255, 0); } /* зелёный */
  3. h4 { color: rgb(0, 0, 255); } /* синий */
  4. h5 { color: rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

RGBA

С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

  1. h2 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
  2. h3 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
  3. h4 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
  4. h5 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
  5. h5 { color: rgba(0, 0, 255, 0); } /* полностью прозрачный */

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

HSL

Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

  1. h2 { color: hsl(120, 100%, 50%); } /* зелёный */
  2. h3 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
  3. h4 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
  4. h5 { color: hsl(120, 60%, 70%); } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

  1. h2 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
  2. h3 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
  3. h4 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
  4. h5 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
  5. h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

CMYK

Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.

Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).

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

Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).

HSB / HSV

HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.

HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).

XYZ

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

HEX в RGB

HEX в RGBA

HEX в RGB(%)

HEX в RGBA(%)

HEX в HSL

HEX в HSLA

HEX в CMYK

HEX в HSB/HSV

HEX в XYZ

HEX в LAB

RGB в HEX

RGB в RGBA

RGB в RGB(%)

RGB в RGBA(%)

RGB в HSL

RGB в HSLA

RGB в CMYK

RGB в HSB/HSV

RGB в XYZ

RGB в LAB

RGBA в HEX

RGBA в RGB

RGBA в RGB(%)

RGBA в RGBA(%)

RGBA в HSL

RGBA в HSLA

RGBA в CMYK

RGBA в HSB/HSV

RGBA в XYZ

RGBA в LAB

RGB(%) в HEX

RGB(%) в RGB

RGB(%) в RGBA

RGB(%) в RGBA(%)

RGB(%) в HSL

RGB(%) в HSLA

RGB(%) в CMYK

RGB(%) в HSB/HSV

RGB(%) в XYZ

RGB(%) в LAB

RGBA(%) в HEX

RGBA(%) в RGB

RGBA(%) в RGBA

RGBA(%) в RGB(%)

RGBA(%) в HSL

RGBA(%) в HSLA

RGBA(%) в CMYK

RGBA(%) в HSB/HSV

RGBA(%) в XYZ

RGBA(%) в LAB

HSL в HEX

HSL в RGB

HSL в RGBA

HSL в RGB(%)

HSL в RGBA(%)

HSL в HSLA

HSL в CMYK

HSL в HSB/HSV

HSL в XYZ

HSL в LAB

HSLA в HEX

HSLA в RGB

HSLA в RGBA

HSLA в RGB(%)

HSLA в RGBA(%)

HSLA в HSL

HSLA в CMYK

HSLA в HSB/HSV

HSLA в XYZ

HSLA в LAB

CMYK в HEX

CMYK в RGB

CMYK в RGBA

CMYK в RGB(%)

CMYK в RGBA(%)

CMYK в HSL

CMYK в HSLA

CMYK в HSB/HSV

CMYK в XYZ

CMYK в LAB

HSB/HSV в HEX

HSB/HSV в RGB

HSB/HSV в RGBA

HSB/HSV в RGB(%)

HSB/HSV в RGBA(%)

HSB/HSV в HSL

HSB/HSV в HSLA

HSB/HSV в CMYK

HSB/HSV в XYZ

HSB/HSV в LAB

XYZ в HEX

XYZ в RGB

XYZ в RGBA

XYZ в RGB(%)

XYZ в RGBA(%)

XYZ в HSL

XYZ в HSLA

XYZ в CMYK

XYZ в HSB/HSV

XYZ в LAB

LAB в HEX

LAB в RGB

LAB в RGBA

LAB в RGB(%)

LAB в RGBA(%)

LAB в HSL

LAB в HSLA

LAB в CMYK

LAB в HSB/HSV

LAB в XYZ

colorscheme.ru

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

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

красный (Red)

зеленый (Green)

синий (Blue)

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

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

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

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

Пример серебристого цвета
color: #C0C0C0; color: rgb(192, 192, 192); color: silver;

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

0 1 2 3 4 5 6 7 8 9 A B C D E F

Цветовая константа 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  

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

 Красный  Волнение, сила, секс, страсть, скорость, опасность.  Желтый  Теплота, свет, приветствие, счастье  Оранжевый  Игривость, теплота  Синий  Доверие, надежность, принадлежность, прохлада.  Зеленый  Природа, новый, крутой, рост, изобилие  Фиолетовый  Королевский, духовность, достоинство  Розовый  Мягкий, сладкий, питание, защита  Белый  Чистый, девственный, юный, умеренный  Черный  Искушенность, изящность, соблазнительность, тайна  Золото  Престиж, дорогой  Серебро  Престиж, холод, научный

Смотрите также:

htmlweb.ru

Таблица написания цвета в HTML, названия, коды HEX и RGB

   Самая полная таблица HTML и RGB кодов цветов, их названием и примерами. А так же удобный флеш-подборшик цвета. Выбираем понравившийся и применяем :)
Snow Snow 255 250 250 #FFFAFA
GhostWhite GhostWhite248 248 255 #F8F8FF
WhiteSmoke WhiteSmoke245 245 245 #F5F5F5
Gainsboro Gainsboro220 220 220 #DCDCDC
FloralWhite FloralWhite255 250 240 #FFFAF0
OldLace OldLace253 245 230 #FDF5E6
Linen Linen250 240 230 #FAF0E6
AntiqueWhite AntiqueWhite250 235 215 #FAEBD7
PapayaWhip PapayaWhip255 239 213 #FFEFD5
BlanchedAlmond BlanchedAlmond255 235 205 #FFEBCD
Bisque Bisque255 228 196 #FFE4C4
PeachPuff PeachPuff255 218 185 #FFDAB9
NavajoWhite NavajoWhite255 222 173 #FFDEAD
Moccasin Moccasin255 228 181 #FFE4B5
Cornsilk Cornsilk255 248 220 #FFF8DC
Ivory Ivory255 255 240 #FFFFF0
LemonChiffon LemonChiffon255 250 205 #FFFACD
Seashell Seashell255 245 238 #FFF5EE
Honeydew Honeydew240 255 240 #F0FFF0
MintCream MintCream245 255 250 #F5FFFA
Azure Azure240 255 255 #F0FFFF
AliceBlue AliceBlue240 248 255 #F0F8FF
lavender lavender230 230 250 #E6E6FA
LavenderBlush LavenderBlush255 240 245 #FFF0F5
MistyRose MistyRose255 228 225 #FFE4E1
White White255 255 255 #FFFFFF
Black Black0 0 0 #000000
DarkSlateGray DarkSlateGray47 79 79 #2F4F4F
DimGrey DimGrey105 105 105 #696969
SlateGrey SlateGrey112 128 144 #708090
LightSlateGray LightSlateGray119 136 153 #778899
Grey Grey190 190 190 #BEBEBE
LightGray LightGray211 211 211 #D3D3D3
MidnightBlue MidnightBlue25 25 112 #191970
NavyBlue NavyBlue0 0 128 #000080
CornflowerBlue CornflowerBlue100 149 237 #6495ED
DarkSlateBlue DarkSlateBlue72 61 139 #483D8B
SlateBlue SlateBlue106 90 205 #6A5ACD
MediumSlateBlue MediumSlateBlue123 104 238 #7B68EE
LightSlateBlue LightSlateBlue132 112 255 #8470FF
MediumBlue MediumBlue0 0 205 #0000CD
RoyalBlue RoyalBlue65 105 225 #4169E1
Blue Blue 0 0 255 #0000FF
DodgerBlue DodgerBlue30 144 255 #1E90FF
DeepSkyBlue DeepSkyBlue0 191 255 #00BFFF
SkyBlue SkyBlue135 206 235 #87CEEB
LightSkyBlue LightSkyBlue135 206 250 #87CEFA
SteelBlue SteelBlue70 130 180 #4682B4
LightSteelBlue LightSteelBlue176 196 222 #B0C4DE
LightBlue LightBlue173 216 230 #ADD8E6
PowderBlue PowderBlue176 224 230 #B0E0E6
PaleTurquoise PaleTurquoise175 238 238 #AFEEEE
DarkTurquoise DarkTurquoise0 206 209 #00CED1
MediumTurquoise MediumTurquoise72 209 204 #48D1CC
Turquoise Turquoise64 224 208 #40E0D0
Cyan Cyan 0 255 255 #00FFFF
LightCyan LightCyan224 255 255 #E0FFFF
CadetBlue CadetBlue95 158 160 #5F9EA0
MediumAquamarine MediumAquamarine102 205 170 #66CDAA
Aquamarine Aquamarine127 255 212 #7FFFD4
DarkGreen DarkGreen0 100 0 #006400
DarkOliveGreen DarkOliveGreen85 107 47 #556B2F
DarkSeaGreen DarkSeaGreen143 188 143 #8FBC8F
SeaGreen SeaGreen46 139 87 #2E8B57
MediumSeaGreen MediumSeaGreen60 179 113 #3CB371
LightSeaGreen LightSeaGreen32 178 170 #20B2AA
PaleGreen PaleGreen152 251 152 #98FB98
SpringGreen SpringGreen0 255 127 #00FF7F
LawnGreen LawnGreen124 252 0 #7CFC00
Green Green 0 255 0 #00FF00
Chartreuse Chartreuse127 255 0 #7FFF00
MedSpringGreen MedSpringGreen0 250 154 #00FA9A
GreenYellow GreenYellow173 255 47 #ADFF2F
LimeGreen LimeGreen50 205 50 #32CD32
YellowGreen YellowGreen154 205 50 #9ACD32
ForestGreen ForestGreen34 139 34 #228B22
OliveDrab OliveDrab107 142 35 #6B8E23
DarkKhaki DarkKhaki189 183 107 #BDB76B
PaleGoldenrod PaleGoldenrod238 232 170 #EEE8AA
LtGoldenrodYello LtGoldenrodYello250 250 210 #FAFAD2
LightYellow LightYellow255 255 224 #FFFFE0
Yellow Yellow255 255 0 #FFFF00
Gold Gold 255 215 0 #FFD700
LightGoldenrod LightGoldenrod238 221 130 #EEDD82
goldenrod goldenrod218 165 32 #DAA520
DarkGoldenrod DarkGoldenrod184 134 11 #B8860B
RosyBrown RosyBrown188 143 143 #BC8F8F
IndianRed IndianRed205 92 92 #CD5C5C
SaddleBrown SaddleBrown139 69 19 #8B4513
Sienna Sienna160 82 45 #A0522D
Peru Peru 205 133 63 #CD853F
Burlywood Burlywood222 184 135 #DEB887
Beige Beige245 245 220 #F5F5DC
Wheat Wheat245 222 179 #F5DEB3
SandyBrown SandyBrown244 164 96 #F4A460
Tan Tan 210 180 140 #D2B48C
Chocolate Chocolate210 105 30 #D2691E
Firebrick Firebrick178 34 34 #B22222
Brown Brown165 42 42 #A52A2A
DarkSalmon DarkSalmon233 150 122 #E9967A
Salmon Salmon250 128 114 #FA8072
LightSalmon LightSalmon255 160 122 #FFA07A
Orange Orange255 165 0 #FFA500
DarkOrange DarkOrange255 140 0 #FF8C00
Coral Coral255 127 80 #FF7F50
LightCoral LightCoral240 128 128 #F08080
Tomato Tomato255 99 71 #FF6347
OrangeRed OrangeRed255 69 0 #FF4500
Red Red 255 0 0 #FF0000
HotPink HotPink255 105 180 #FF69B4
DeepPink DeepPink255 20 147 #FF1493
Pink Pink 255 192 203 #FFC0CB
LightPink LightPink255 182 193 #FFB6C1
PaleVioletRed PaleVioletRed219 112 147 #DB7093
Maroon Maroon176 48 96 #B03060
MediumVioletRed MediumVioletRed199 21 133 #C71585
VioletRed VioletRed208 32 144 #D02090
Magenta Magenta255 0 255 #FF00FF
Violet Violet238 130 238 #EE82EE
Plum Plum 221 160 221 #DDA0DD
Orchid Orchid218 112 214 #DA70D6
MediumOrchid MediumOrchid186 85 211 #BA55D3
DarkOrchid DarkOrchid153 50 204 #9932CC
DarkViolet DarkViolet148 0 211 #9400D3
BlueViolet BlueViolet138 43 226 #8A2BE2
Purple Purple160 32 240 #A020F0
MediumPurple MediumPurple147 112 219 #9370DB
Thistle Thistle216 191 216 #D8BFD8
Snow1 Snow1255 250 250 #FFFAFA
Snow2 Snow2238 233 233 #EEE9E9
Snow3 Snow3205 201 201 #CDC9C9
Snow4 Snow4139 137 137 #8B8989
Seashell1 Seashell1255 245 238 #FFF5EE
Seashell2 Seashell2238 229 222 #EEE5DE
Seashell3 Seashell3205 197 191 #CDC5BF
Seashell4 Seashell4139 134 130 #8B8682
AntiqueWhite1 AntiqueWhite1255 239 219 #FFEFDB
AntiqueWhite2 AntiqueWhite2238 223 204 #EEDFCC
AntiqueWhite3 AntiqueWhite3205 192 176 #CDC0B0
AntiqueWhite4 AntiqueWhite4139 131 120 #8B8378
Bisque1 Bisque1255 228 196 #FFE4C4
Bisque2 Bisque2238 213 183 #EED5B7
Bisque3 Bisque3205 183 158 #CDB79E
Bisque4 Bisque4139 125 107 #8B7D6B
PeachPuff1 PeachPuff1255 218 185 #FFDAB9
PeachPuff2 PeachPuff2238 203 173 #EECBAD
PeachPuff3 PeachPuff3205 175 149 #CDAF95
PeachPuff4 PeachPuff4139 119 101 #8B7765
NavajoWhite1 NavajoWhite1255 222 173 #FFDEAD
NavajoWhite2 NavajoWhite2238 207 161 #EECFA1
NavajoWhite3 NavajoWhite3205 179 139 #CDB38B
NavajoWhite4 NavajoWhite4139 121 94 #8B795E
LemonChiffon1 LemonChiffon1255 250 205 #FFFACD
LemonChiffon2 LemonChiffon2238 233 191 #EEE9BF
LemonChiffon3 LemonChiffon3205 201 165 #CDC9A5
LemonChiffon4 LemonChiffon4139 137 112 #8B8970
Cornsilk1 Cornsilk1255 248 220 #FFF8DC
Cornsilk2 Cornsilk2238 232 205 #EEE8CD
Cornsilk3 Cornsilk3205 200 177 #CDC8B1
Cornsilk4 Cornsilk4139 136 120 #8B8878
vory1 Ivory1255 255 240 #FFFFF0
vory2 Ivory2238 238 224 #EEEEE0
Ivory3 Ivory3205 205 193 #CDCDC1
Ivory4 Ivory4139 139 131 #8B8B83
Honeydew1 Honeydew1240 255 240 #F0FFF0
Honeydew2 Honeydew2224 238 224 #E0EEE0
Honeydew3 Honeydew3193 205 193 #C1CDC1
Honeydew4 Honeydew4131 139 131 #838B83
LavenderBlush2 LavenderBlush2255 240 245 #FFF0F5
LavenderBlush3 LavenderBlush3238 224 229 #EEE0E5
LavenderBlush4 LavenderBlush4205 193 197 #CDC1C5
LavenderBlush5 LavenderBlush5139 131 134 #8B8386
MistyRose1 MistyRose1255 228 225 #FFE4E1
MistyRose2 MistyRose2238 213 210 #EED5D2
MistyRose3 MistyRose3205 183 181 #CDB7B5
MistyRose4 MistyRose4139 125 123 #8B7D7B
Azure1 Azure1240 255 255 #F0FFFF
Azure2 Azure2224 238 238 #E0EEEE
Azure3 Azure3193 205 205 #C1CDCD
Azure4 Azure4131 139 139 #838B8B
SlateBlue1 SlateBlue1131 111 255 #836FFF
SlateBlue2 SlateBlue2122 103 238 #7A67EE
SlateBlue3 SlateBlue3105 89 205 #6959CD
SlateBlue4 SlateBlue471 60 139 #473C8B
RoyalBlue1 RoyalBlue172 118 255 #4876FF
RoyalBlue2 RoyalBlue267 110 238 #436EEE
RoyalBlue3 RoyalBlue358 95 205 #3A5FCD
RoyalBlue4 RoyalBlue439 64 139 #27408B
Blue1 Blue10 0 255 #0000FF
Blue2 Blue20 0 238 #0000EE
Blue3 Blue30 0 205 #0000CD
Blue4 Blue40 0 139 #00008B
DodgerBlue1 DodgerBlue130 144 255 #1E90FF
DodgerBlue2 DodgerBlue228 134 238 #1C86EE
DodgerBlue3 DodgerBlue324 116 205 #1874CD
DodgerBlue4 DodgerBlue416 78 139 #104E8B
SteelBlue1 SteelBlue199 184 255 #63B8FF
SteelBlue2 SteelBlue292 172 238 #5CACEE
SteelBlue3 SteelBlue379 148 205 #4F94CD
SteelBlue4 SteelBlue454 100 139 #36648B
DeepSkyBlue1 DeepSkyBlue10 191 255 #00BFFF
DeepSkyBlue2 DeepSkyBlue20 178 238 #00B2EE
DeepSkyBlue3 DeepSkyBlue30 154 205 #009ACD
DeepSkyBlue4 DeepSkyBlue40 104 139 #00688B
SkyBlue1 SkyBlue1135 206 255 #87CEFF
SkyBlue2 SkyBlue2126 192 238 #7EC0EE
SkyBlue3 SkyBlue3108 166 205 #6CA6CD
SkyBlue4 SkyBlue474 112 139 #4A708B
LightSkyBlue1 LightSkyBlue1176 226 255 #B0E2FF
LightSkyBlue2 LightSkyBlue2164 211 238 #A4D3EE
LightSkyBlue3 LightSkyBlue3141 182 205 #8DB6CD
LightSkyBlue4 LightSkyBlue496 123 139 #607B8B
SlateGray1 SlateGray1198 226 255 #C6E2FF
SlateGray2 SlateGray2185 211 238 #B9D3EE
SlateGray3 SlateGray3159 182 205 #9FB6CD
SlateGray4 SlateGray4108 123 139 #6C7B8B
LightSteelBlue1 LightSteelBlue1202 225 255 #CAE1FF
LightSteelBlue2 LightSteelBlue2188 210 238 #BCD2EE
LightSteelBlue3 LightSteelBlue3162 181 205 #A2B5CD
LightSteelBlue4 LightSteelBlue4110 123 139 #6E7B8B
LightBlue1 LightBlue1191 239 255 #BFEFFF
LightBlue2 LightBlue2178 223 238 #B2DFEE
LightBlue3 LightBlue3154 192 205 #9AC0CD
LightBlue4 LightBlue4104 131 139 #68838B
LightCyan1 LightCyan1224 255 255 #E0FFFF
LightCyan2 LightCyan2209 238 238 #D1EEEE
LightCyan3 LightCyan3180 205 205 #B4CDCD
LightCyan4 LightCyan4122 139 139 #7A8B8B
PaleTurquoise1 PaleTurquoise1187 255 255 #BBFFFF
PaleTurquoise2 PaleTurquoise2174 238 238 #AEEEEE
PaleTurquoise3 PaleTurquoise3150 205 205 #96CDCD
PaleTurquoise4 PaleTurquoise4102 139 139 #668B8B
CadetBlue1 CadetBlue1152 245 255 #98F5FF
CadetBlue2 CadetBlue2142 229 238 #8EE5EE
CadetBlue3 CadetBlue3122 197 205 #7AC5CD
CadetBlue4 CadetBlue483 134 139 #53868B
Turquoise1 Turquoise10 245 255 #00F5FF
Turquoise2 Turquoise20 229 238 #00E5EE
Turquoise3 Turquoise30 197 205 #00C5CD
Turquoise4 Turquoise40 134 139 #00868B
Cyan1 Cyan10 255 255 #00FFFF
Cyan2 Cyan20 238 238 #00EEEE
Cyan3 Cyan30 205 205 #00CDCD
Cyan4 Cyan40 139 139 #008B8B
DarkSlateGray1 DarkSlateGray1151 255 255 #97FFFF
DarkSlateGray2 DarkSlateGray2141 238 238 #8DEEEE
DarkSlateGray3 DarkSlateGray3121 205 205 #79CDCD
DarkSlateGray4 DarkSlateGray482 139 139 #528B8B
Aquamarine1 Aquamarine1127 255 212 #7FFFD4
Aquamarine2 Aquamarine2118 238 198 #76EEC6
Aquamarine3 Aquamarine3102 205 170 #66CDAA
Aquamarine4 Aquamarine469 139 116 #458B74
DarkSeaGreen1 DarkSeaGreen1193 255 193 #C1FFC1
DarkSeaGreen2 DarkSeaGreen2180 238 180 #B4EEB4
DarkSeaGreen3 DarkSeaGreen3155 205 155 #9BCD9B
DarkSeaGreen4 DarkSeaGreen4105 139 105 #698B69
SeaGreen1 SeaGreen184 255 159 #54FF9F
SeaGreen2 SeaGreen278 238 148 #4EEE94
SeaGreen3 SeaGreen367 205 128 #43CD80
SeaGreen4 SeaGreen446 139 87 #2E8B57
PaleGreen1 PaleGreen1154 255 154 #9AFF9A
PaleGreen2 PaleGreen2144 238 144 #90EE90
PaleGreen3 PaleGreen3124 205 124 #7CCD7C
PaleGreen4 PaleGreen484 139 84 #548B54
SpringGreen1 SpringGreen10 255 127 #00FF7F
SpringGreen2 SpringGreen20 238 118 #00EE76
SpringGreen3 SpringGreen30 205 102 #00CD66
SpringGreen4 SpringGreen40 139 69 #008B45
Green1 Green10 255 0 #00FF00
Green2 Green20 238 0 #00EE00
Green3 Green30 205 0 #00CD00
Green4 Green40 139 0 #008B00
Chartreuse1 Chartreuse1127 255 0 #7FFF00
Chartreuse2 Chartreuse2118 238 0 #76EE00
Chartreuse3 Chartreuse3102 205 0 #66CD00
Chartreuse4 Chartreuse469 139 0 #458B00
OliveDrab1 OliveDrab1192 255 62 #C0FF3E
OliveDrab2 OliveDrab2179 238 58 #B3EE3A
OliveDrab3 OliveDrab3154 205 50 #9ACD32
OliveDrab4 OliveDrab4105 139 34 #698B22
DarkOliveGreen1 DarkOliveGreen1202 255 112 #CAFF70
DarkOliveGreen2 DarkOliveGreen2188 238 104 #BCEE68
DarkOliveGreen3 DarkOliveGreen3162 205 90 #A2CD5A
DarkOliveGreen4 DarkOliveGreen4110 139 61 #6E8B3D
Khaki1 Khaki1255 246 143 #FFF68F
Khaki2 Khaki2238 230 133 #EEE685
Khaki3 Khaki3205 198 115 #CDC673
Khaki4 Khaki4139 134 78 #8B864E
LightGoldenrod1 LightGoldenrod1255 236 139 #FFEC8B
LightGoldenrod2 LightGoldenrod2238 220 130 #EEDC82
LightGoldenrod3 LightGoldenrod3205 190 112 #CDBE70
LightGoldenrod4 LightGoldenrod4139 129 76 #8B814C
LightYellow1 LightYellow1255 255 224 #FFFFE0
LightYellow2 LightYellow2238 238 209 #EEEED1
LightYellow3 LightYellow3205 205 180 #CDCDB4
LightYellow4 LightYellow4139 139 122 #8B8B7A
Yellow1 Yellow1255 255 0 #FFFF00
Yellow2 Yellow2238 238 0 #EEEE00
Yellow3 Yellow3205 205 0 #CDCD00
Yellow4 Yellow4139 139 0 #8B8B00
Gold1 Gold1255 215 0 #FFD700
Gold2 Gold2238 201 0 #EEC900
Gold3 Gold3205 173 0 #CDAD00
Gold4 Gold4139 117 0 #8B7500
Goldenrod1 Goldenrod1255 193 37 #FFC125
Goldenrod2 Goldenrod2238 180 34 #EEB422
Goldenrod3 Goldenrod3205 155 29 #CD9B1D
Goldenrod4 Goldenrod4139 105 20 #8B6914
DarkGoldenrod1 DarkGoldenrod1255 185 15 #FFB90F
DarkGoldenrod2 DarkGoldenrod2238 173 14 #EEAD0E
DarkGoldenrod3 DarkGoldenrod3205 149 12 #CD950C
DarkGoldenrod4 DarkGoldenrod4139 101 8 #8B658B
RosyBrown1 RosyBrown1255 193 193 #FFC1C1
RosyBrown2 RosyBrown2238 180 180 #EEB4B4
RosyBrown3 RosyBrown3205 155 155 #CD9B9B
RosyBrown4 RosyBrown4139 105 105 #8B6969
IndianRed1 IndianRed1255 106 106 #FF6A6A
IndianRed2 IndianRed2238 99 99 #EE6363
IndianRed3 IndianRed3205 85 85 #CD5555
IndianRed4 IndianRed4139 58 58 #8B3A3A
Sienna1 Sienna1255 130 71 #FF8247
Sienna2 Sienna2238 121 66 #EE7942
Sienna3 Sienna3205 104 57 #CD6839
Sienna4 Sienna4139 71 38 #8B4726
Burlywood1 Burlywood1255 211 155 #FFD39B
Burlywood2 Burlywood2238 197 145 #EEC591
Burlywood3 Burlywood3205 170 125 #CDAA7D
Burlywood4 Burlywood4139 115 85 #8B7355
Wheat1 Wheat1255 231 186 #FFE7BA
Wheat2 Wheat2 238 216 174 #EED8AE
Wheat3 Wheat3205 186 150 #CDBA96
Wheat4 Wheat4139 126 102 #8B7E66
Tan1 Tan1 255 165 79 #FFA54F
Tan2 Tan2 238 154 73 #EE9A49
Tan3 Tan3 205 133 63 #CD853F
Tan4 Tan4 139 90 43 #8B5A2B
Chocolate1 Chocolate1255 127 36 #FF7F24
Chocolate2 Chocolate2238 118 33 #EE7621
Chocolate3 Chocolate3205 102 29 #CD661D
Chocolate4 Chocolate4139 69 19 #8B4513
Firebrick1 Firebrick1255 48 48 #FF3030
Firebrick2 Firebrick2238 44 44 #EE2C2C
Firebrick3 Firebrick3205 38 38 #CD2626
Firebrick4 Firebrick4139 26 26 #8B1A1A
Brown1 Brown1255 64 64 #FF4040
Brown2 Brown2238 59 59 #EE3B3B
Brown3 Brown3205 51 51 #CD3333
Brown4 Brown4139 35 35 #8B2323
Salmon1 Salmon1255 140 105 #FF8C69
Salmon2 Salmon2238 130 98 #EE8262
Salmon3 Salmon3205 112 84 #CD7054
Salmon4 Salmon4139 76 57 #8B4C39
LightSalmon1 LightSalmon1255 160 122 #FFA07A
LightSalmon2 LightSalmon2238 149 114 #EE9572
LightSalmon3 LightSalmon3205 129 98 #CD8162
LightSalmon4 LightSalmon4139 87 66 #8B5742
Orange1 Orange1255 165 0 #FFA500
Orange2 Orange2238 154 0 #EE9A00
Orange3 Orange3205 133 0 #CD8500
Orange4 Orange4139 90 0 #8B5A00
DarkOrange1 DarkOrange1255 127 0 #FF7F00
DarkOrange2 DarkOrange2238 118 0 #EE7600
DarkOrange3 DarkOrange3205 102 0 #CD6600
DarkOrange4 DarkOrange4139 69 0 #8B4500
Coral1 Coral1255 114 86 #FF7256
Coral2 Coral2238 106 80 #EE6A50
Coral3 Coral3205 91 69 #CD5B45
Coral4 Coral4139 62 47 #8B3E2F
Tomato1 Tomato1255 99 71 #FF6347
Tomato2 Tomato2238 92 66 #EE5C42
Tomato3 Tomato3205 79 57 #CD4F39
Tomato4 Tomato4139 54 38 #8B3626
OrangeRed1 OrangeRed1255 69 0 #FF4500
OrangeRed2 OrangeRed2238 64 0 #EE4000
OrangeRed3 OrangeRed3205 55 0 #CD3700
OrangeRed4 OrangeRed4139 37 0 #8B2500
Red1 Red1 255 0 0 #FF0000
Red2 Red2 238 0 0 #EE0000
Red3 Red3 205 0 0 #CD0000
Red4 Red4 139 0 0 #8B0000
DeepPink1 DeepPink1255 20 147 #FF1493
DeepPink2 DeepPink2238 18 137 #EE1289
DeepPink3 DeepPink3205 16 118 #CD1076
DeepPink4 DeepPink4139 10 80 #8B0A50
HotPink1 HotPink1255 110 180 #FF6EB4
HotPink2 HotPink2238 106 167 #EE6AA7
HotPink3 HotPink3205 96 144 #CD6090
HotPink4 HotPink4139 58 98 #8B3A62
Pink1 Pink1255 181 197 #FFB5C5
Pink2 Pink2238 169 184 #EEA9B8
Pink3 Pink3205 145 158 #CD919E
Pink4 Pink4139 99 108 #8B636C
LightPink1 LightPink1255 174 185 #FFAEB9
LightPink2 LightPink2238 162 173 #EEA2AD
LightPink3 LightPink3205 140 149 #CD8C95
LightPink4 LightPink4139 95 101 #8B5F65
PaleVioletRed1 PaleVioletRed1255 130 171 #FF82AB
PaleVioletRed2 PaleVioletRed2238 121 159 #EE799F
PaleVioletRed3 PaleVioletRed3205 104 137 #CD6889
PaleVioletRed4 PaleVioletRed4139 71 93 #8B475D
Maroon1 Maroon1255 52 179 #FF34B3
Maroon2 Maroon2238 48 167 #EE30A7
Maroon3 Maroon3205 41 144 #CD2990
Maroon4 Maroon4139 28 98 #8B1C62
VioletRed1 VioletRed1255 62 150 #FF3E96
VioletRed2 VioletRed2238 58 140 #EE3A8C
VioletRed3 VioletRed3205 50 120 #CD3278
VioletRed4 VioletRed4139 34 82 #8B2252
Magenta1 Magenta1255 0 255 #FF00FF
Magenta2 Magenta2238 0 238 #EE00EE
Magenta3 Magenta3205 0 205 #CD00CD
Magenta4 Magenta4139 0 139 #8B008B
Orchid1 Orchid1255 131 250 #FF83FA
Orchid2 Orchid2238 122 233 #EE7AE9
Orchid3 Orchid3205 105 201 #CD69C9
Orchid4 Orchid4139 71 137 #8B4789
Plum1 Plum1255 187 255 #FFBBFF
Plum2 Plum2238 174 238 #EEAEEE
Plum3 Plum3205 150 205 #CD96CD
Plum4 Plum4139 102 139 #8B668B
MediumOrchid1 MediumOrchid1224 102 255 #E066FF
MediumOrchid2 MediumOrchid2209 95 238 #D15FEE
MediumOrchid3 MediumOrchid3180 82 205 #B452CD
MediumOrchid4 MediumOrchid4122 55 139 #7A378B
DarkOrchid1 DarkOrchid1191 62 255 #BF3EFF
DarkOrchid2 DarkOrchid2178 58 238 #B23AEE
DarkOrchid3 DarkOrchid3154 50 205 #9A32CD
DarkOrchid4 DarkOrchid4104 34 139 #68228B
Purple1 Purple1155 48 255 #9B30FF
Purple2 Purple2145 44 238 #912CEE
Purple3 Purple3125 38 205 #7D26CD
Purple4 Purple485 26 139 #551A8B
MediumPurple1 MediumPurple1171 130 255 #AB82FF
MediumPurple2 MediumPurple2159 121 238 #9F79EE
MediumPurple3 MediumPurple3137 104 205 #8968CD
MediumPurple4 MediumPurple493 71 139 #5D478B
Thistle1 Thistle1255 225 255 #FFE1FF
Thistle2 Thistle2238 210 238 #EED2EE
Thistle3 Thistle3205 181 205 #CDB5CD
Thistle4 Thistle4139 123 139 #8B7B8B
grey11 grey1128 28 28 #1C1C1C
grey21 grey2154 54 54 #363636
grey31 grey3179 79 79 #4F4F4F
grey41 grey41105 105 105 #696969
grey51 grey51130 130 130 #828282
grey61 grey61156 156 156 #9C9C9C
grey71 grey71181 181 181 #B5B5B5
gray81 gray81207 207 207 #CFCFCF
gray91 gray91232 232 232 #E8E8E8
DarkGrey DarkGrey169 169 169 #A9A9A9
DarkBlue DarkBlue0 0 139 #00008B
DarkCyan DarkCyan0 139 139 #008B8B
DarkMagenta DarkMagenta139 0 139 #8B008B
DarkRed DarkRed139 0 0 #8B0000
LightGreen LightGreen144 238 144 #90EE90
Узнать все свойства, значение и описание CSS вы можете на этой странице

www.magentawave.com

2.13. CSS-цвета

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

Свойство color

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

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

Синтаксис

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

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

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

rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF

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

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

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

Синтаксис

color: #fb0; color: #ffbb00; color: rgb(255,0,0); color: rgb(100%, 0%, 0%);
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 (полностью непрозрачный) будут ограничены этим диапазоном.

Синтаксис

color: rgba(0,0,255,0.5); color: rgba(100%, 50%, 0%, 0.1);
2.2.3. Ключевое слово transparent

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

Синтаксис

color: transparent;
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% — нормальная.

Синтаксис

color: hsl(0, 100%, 50%); color: hsl(120, 100%, 50%);
2.2.5. HSLA-значения цвета

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

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

Синтаксис

color: hsla(240, 100%, 50%, 0.5); color: hsla(30, 100%, 50%, 0.1);
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
limegreen #32CD32 50,205,50
linen #FAF0E6 250,240,230
magenta #FF00FF 255,0,255
maroon #800000 128,0,0
mediumaqua­marine #66CDAA 102,205,170
mediumblue #0000CD 0,0,205
medium­orchid #BA55D3 186,85,211
medium­purple #9370DB 147,112,219
medium­seagreen #3CB371 60,179,113
medium­slateblue #7B68EE 123,104,238
medium­springgreen #00FA9A 0,250,154
medium­turquoise #48D1CC 72,209,204
medium­violetred #C71585 199,21,133
midnightblue #191970 25,25,112
mintcream #F5FFFA 245,255,250
mistyrose #FFE4E1 255,228,225
moccasin #FFE4B5 255,228,181
navajo­white #FFDEAD 255,222,173
navy #000080 0,0,128
oldlace #FDF5E6 253,245,230
olive #808000 128,128,0
olivedrab #6B8E23 107,142,35
orange #FFA500 255,165,0
orangered #FF4500 255,69,0
orchid #DA70D6 218,112,214
pale­goldenrod #EEE8AA 238,232,170
palegreen #98FB98 152,251,152
pale­turquoise #AFEEEE 175,238,238
pale­violetred #DB7093 219,112,147
papayawhip #FFEFD5 255,239,213
peachpuff #FFDAB9 255,218,185
peru #CD853F 205,133,63
pink #FFC0CB 255,192,203
plum #DDA0DD 221,160,221
powder­blue #B0E0E6 176,224,230
purple #800080 128,0,128
red #FF0000 255,0,0
rosybrown #BC8F8F 188,143,143
royalblue #4169E1 65,105,225
saddle­brown #8B4513 139,69,19
salmon #FA8072 250,128,114
sandybrown #F4A460 244,164,96
seagreen #2E8B57 46,139,87
seashell #FFF5EE 255,245,238
sienna #A0522D 160,82,45
silver #C0C0C0 192,192,192
skyblue #87CEEB 135,206,235
slateblue #6A5ACD 106,90,205
slategray #708090 112,128,144
snow #FFFAFA 255,250,250
spring­green #00FF7F 0,255,127
steelblue #4682B4 70,130,180
tan #D2B48C 210,180,140
teal #008080 0,128,128
thistle #D8BFD8 216,191,216
tomato #FF6347 255,99,71
turquoise #40E0D0 64,224,208
violet #EE82EE 238,130,238
wheat #F5DEB3 245,222,179
white #FFFFFF 255,255,255
whitesmoke #F5F5F5 245,245,245
yellow #FFFF00 255,255,0
yellow­green #9ACD32 154,205,50

Синтаксис

color: gold;
2.4. Ключевое слово currentColor

CSS1 и CSS2 определили начальное значение свойства border-color как значение свойства color, но не определили соответствующее ключевое слово. Это упущение было распознано SVG, поэтому SVG 1.0 ввел значение currentColor для свойств fill, stroke, stop-color, flood-color и lighting-color. CSS3 расширяет значение цвета, добавляя ключевое слово currentColor, чтобы разрешить его использование со всеми свойствами, которые принимают значение color. Это упрощает определение этих свойств в CSS3.

Используемое значение ключевого слова currentColor — это вычисленное значение свойства color. Если ключевое слово установлено в самом свойстве color, оно рассматривается как color: inherit.

Пример

body {color: grey;} div {border: 1px solid currentColor;}

По материалам CSS Color Module Level 3

html5book.ru

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

Цвета в HTML | Компьютер и цвет | Таблица цвета HTML | Таблица безопасных цветов | Таблица безопасных цветов Боба Штейна

В HTML коде цвет определяется 6-значным кодом RRGGBB (красный, красный, зеленый, зеленый, синий, синий), а в JavaScript или в CSS 6-значным кодом RRGGBB или словом (по-английски).

Например, вам понравился цвет, который задан словом, а вы хотите использовать его в HTML или вы делаете рисунок в Photoshop-е, где фон должен быть точно такого же цвета. Это таблица поможет увидеть соответствие английского слова цветовому коду.

Aliceblue#F0F8FF

Antiquewhite#FAEBD7

Aqua#00FFFF

Aquamarine#7FFFD4

Azure#F0FFFF

Beige#F5F5DC

Bisque#FFE4C4

Black#000000

Blanchedalmond#FFEBCD

Blue#0000FF

Blueviolet#8A2BE2

Brown#A52A2A

Burlywood#DEB887

Cadetblue#5F9EA0

Chartreuse#7FFF00

Chocolate#D2691E

Coral#FF7F50

Cornflowerblue#6495ED

Cornsilk#FFF8DC

Crimson#DC143C

Cyan#00FFFF

Darkblue#00008B

Darkcyan#008B8B

Darkgoldenrod#B8860B

Darkgray#A9A9A9

Darkgreen#006400

Darkkhaki#BDB76B

Darkmagenta#8B008B

Darkolivegreen#556B2F

Darkorange#FF8C00

Darkorchid#9932CC

Darkred#8B0000

Darksalmon#E9967A

Darkseagreen#8FBC8F

Darkslateblue#483D8B

Darkslategray#2F4F4F

Darkturquoise#00CED1

Darkviolet#9400D3

deeppink#FF1493

Deepskyblue#00BFFF

Dimgray#696969

Dodgerblue#1E90FF

Firebrick#B22222

Floralwhite#FFFAF0

Forestgreen#228B22

Fuchsia#FF00FF

Gainsboro#DCDCDC

Ghostwhite#F8F8FF

Gold#FFD700

Goldenrod#DAA520

Gray#808080

Green#008000

Greenyellow#ADFF2F

Honeydew#F0FFF0

Hotpink#FF69B4

Indianred#CD5C5C

Indigo#4B0082

Ivory#FFFFF0

Khaki#F0E68C

Lavendar#E6E6FA

Lavenderblush#FFF0F5

Lawngreen#7CFC00

Lemonchiffon#FFFACD

Lightblue#ADD8E6

Lightcoral#F08080

Lightcyan#E0FFFF

Lightgoldenrodyellow#FAFAD2

Lightgreen#90EE90

Lightgrey#D3D3D3

Lightpink#FFB6C1

Lightsalmon#FFA07A

Lightseagreen#20B2AA

Lightskyblue#87CEFA

Lightslategray#778899

Lightsteelblue#B0C4DE

Lightyellow#FFFFE0

Lime#00FF00

Limegreen#32CD32

Linen#FAF0E6

Magenta#FF00FF

Maroon#800000

Mediumauqamarine#66CDAA

Mediumblue#0000CD

Mediumorchid#BA55D3

Mediumpurple#9370D8

Mediumseagreen#3CB371

Mediumslateblue#7B68EE

Mediumspringgreen#00FA9A

Mediumturquoise#48D1CC

Mediumvioletred#C71585

Midnightblue#191970

Mintcream#F5FFFA

Mistyrose#FFE4E1

Moccasin#FFE4B5

Navajowhite#FFDEAD

Navy#000080

Oldlace#FDF5E6

Olive#808000

Olivedrab#688E23

Orange#FFA500

Orangered#FF4500

Orchid#DA70D6

Palegoldenrod#EEE8AA

Palegreen#98FB98

Paleturquoise#AFEEEE

Palevioletred#D87093

Papayawhip#FFEFD5

Peachpuff#FFDAB9

Peru#CD853F

Pink#FFC0CB

Plum#DDA0DD

Powderblue#B0E0E6

Purple#800080

Red#FF0000

Rosybrown#BC8F8F

Royalblue#4169E1

Saddlebrown#8B4513

Salmon#FA8072

Sandybrown#F4A460

Seagreen#2E8B57

Seashell#FFF5EE

Sienna#A0522D

Silver#C0C0C0

Skyblue#87CEEB

Slateblue#6A5ACD

Slategray#708090

Snow#FFFAFA

Springgreen#00FF7F

Steelblue#4682B4

Tan#D2B48C

Teal#008080

Thistle#D8BFD8

Tomato#FF6347

Turquoise#40E0D0

Violet#EE82EE

Wheat#F5DEB3

White#FFFFFF

Whitesmoke#F5F5F5

Yellow#FFFF00

YellowGreen#9ACD32

www.ph4.ru

Генератор цвета HTML

Генератор цвета отображает значение в hex, через решетку, так и в значение rgb красный, зеленый и синий. Значение фона у лендинга можно записать свойством background-color: #b641b0 либо background-color: rgb(182, 65, 176) и со значением прозрачности background-color: rgba(182, 65, 176, 1). С единицей цвет полностью не прозрачный. При нуле полностью прозрачный фон. Между 1 и 0 полупрозрачные цвета. Такие значения можно указывать и для свойства цвета html color: rgba(182, 65, 176, 1). Четвертая запись цвета html в формате hsv background-color: hsv(303, 64%, 71%). Разберем все четыре формата записи цвета в html подробно.

1). Формат цвета HEX.

Запись цвета в шестнадцатеричной системе через решетку, пример #334455. Цвет раскладывается на три группы с значениями между 00 и FF.

  1. Красный R равен значению #ff0000.
  2. Зеленый G со значением #00ff00.
  3. Синий B цвет в шестнадцатеричной системе #0000ff.
Если каждая группа имеет одинаковые значения, то можно записать кратко #f00 красный цвет. background-color: #ff0000 Красный цвет R background-color: #00ff00 Зеленый цвет G background-color: #0000ff Синий цвет B

2). Формат цвета RGB.

Цвет RGB состоит из трех цветов красный R зеленый G и синий B. Путем смешивания этих цветов, получается остальные. Значение каждого цвета задается от 0 до 255.

  • Красный R равен 255, остальные цвета 0 rgb(255, 0, 0).
  • Зеленый G представлен как rgb(0, 255, 0).
  • Синий B цвет в rgb системе rgb(0, 0, 255).
background-color: rgb(255, 0, 0) Красный цвет R background-color: rgb(0, 255, 0) Зеленый цвет G background-color: rgb(0, 0, 255) Синий цвет B

3). Формат цвета RGBA

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

  • Прозрачность A альфа лежит в границах от 0.0 до 1.0.
background-color: rgba(255, 0, 0, 1) Красный цвет R background-color: rgba(0, 255, 0, 1) Зеленый цвет G background-color: rgba(0, 0, 255, 1) Синий цвет B Меняем прозрачность background-color: rgba(0, 0, 255, 0) Полностью прозрачный A background-color: rgba(0, 0, 255, .30) Непрозрачный на 30% A

4). Формат цвета HSV.

Цвет HSV основан на цилиндрической геометрии и применяется в photoshop.

  • Цвет и оттенок H задается на цветовом круге от 0 до 360 градусов.
  • Насыщенность S лежит в пределах от 0% до 100%.
  • Яркость V также указывается в процентах от 0% до 100%.
background-color: hsv(0, 100%, 100%) Красный цвет R background-color: hsv(120, 100%, 100%) Зеленый цвет G background-color: hsv(240, 100%, 100%) Синий цвет B Красные оттенки цвета Имя цветаHEXRGB
IndianRed #CD5C5C 205 92 92
LightCoral #F08080 240 128 128
Salmon #FA8072 250 128 114
DarkSalmon #E9967A 233 150 122
LightSalmon #FFA07A 255 160 122
Crimson #DC143C 220 20 60
Red #FF0000 255 0 0
FireBrick #B22222 178 34 34
DarkRed #8B0000 139 0 0
Жёлтые цвета html Имя цветаHEXRGB
Gold #FFD700 255 215 0
Yellow #FFFF00 255 255 0
LightYellow #FFFFE0 255 255 224
LemonChiffon #FFFACD 255 250 205
LightGoldenrodYellow #FAFAD2 250 250 210
PapayaWhip #FFEFD5 255 239 213
Moccasin #FFE4B5 255 228 181
PeachPuff #FFDAB9 255 218 185
PaleGoldenrod #EEE8AA 238 232 170
Khaki #F0E68C 240 230 140
DarkKhaki #BDB76B 189 183 107
Оранжевые цвета html Имя цветаHEXRGB
Coral #FF7F50 255 127 80
Tomato #FF6347 255 99 71
OrangeRed #FF4500 255 69 0
DarkOrange #FF8C00 255 140 0
Orange #FFA500 255 165 0
Розовые оттенки цвета html Имя цветаHEXRGB
Pink #FFC0CB 255 192 203
LightPink #FFB6C1 255 182 193
HotPink #FF69B4 255 105 180
DeepPink #FF1493 255 20 147
MediumVioletRed #C71585 199 21 133
PaleVioletRed #DB7093 219 112 147
Фиолетовые цвета Имя цветаHEXRGB
Lavender #E6E6FA 230 230 250
Thistle #D8BFD8 216 191 216
Plum #DDA0DD 221 160 221
Violet #EE82EE 238 130 238
Orchid #DA70D6 218 112 214
Fuchsia(Magenta) #FF00FF 255 0 255
MediumOrchid #BA55D3 186 85 211
MediumPurple #9370DB 147 112 219
BlueViolet #8A2BE2 138 43 226
DarkViolet #9400D3 148 0 211
DarkOrchid #9932CC 153 50 204
DarkMagenta #8B008B 139 0 139
Purple #800080 128 0 128
Indigo #4B0082 75 0 130
SlateBlue #6A5ACD 106 90 205
DarkSlateBlue #483D8B 72 61 139
Коричневые цвета html Имя цветаHEXRGB
Cornsilk #FFF8DC 255 248 220
BlanchedAlmond #FFEBCD 255 235 205
Bisque #FFE4C4 255 228 196
NavajoWhite #FFDEAD 255 222 173
Wheat #F5DEB3 245 222 179
BurlyWood #DEB887 222 184 135
Tan #D2B48C 210 180 140
RosyBrown #BC8F8F 188 143 143
SandyBrown #F4A460 244 164 96
Goldenrod #DAA520 218 165 32
DarkGoldenrod #B8860B 184 134 11
Peru #CD853F 205 133 63
Chocolate #D2691E 210 105 30
SaddleBrown #8B4513 139 69 19
Sienna #A0522D 160 82 45
Brown #A52A2A 165 42 42
Maroon #800000 128 0 0
Синие оттеки цвета Имя цветаHEXRGB
Aqua(Cyan) #00FFFF 0 255 255
LightCyan #E0FFFF 224 255 255
PaleTurquoise #AFEEEE 175 238 238
Aquamarine #7FFFD4 127 255 212
Turquoise #40E0D0 64 224 208
MediumTurquoise #48D1CC 72 209 204
DarkTurquoise #00CED1 0 206 209
CadetBlue #5F9EA0 95 158 160
SteelBlue #4682B4 70 130 180
LightSteelBlue #B0C4DE 176 196 222
PowderBlue #B0E0E6 176 224 230
LightBlue #ADD8E6 173 216 230
SkyBlue #87CEEB 135 206 235
LightSkyBlue #87CEFA 135 206 250
DeepSkyBlue #00BFFF 0 191 255
DodgerBlue #1E90FF 30 144 255
CornflowerBlue #6495ED 100 149 237
MediumSlateBlue #7B68EE 123 104 238
RoyalBlue #4169E1 65 105 225
Blue #0000FF 0 0 255
MediumBlue #0000CD 0 0 205
DarkBlue #00008B 0 0 139
Navy #000080 0 0 128
MidnightBlue #191970 25 25 112
Имя цветаHEXRGB Зелёные цвета html
GreenYellow #ADFF2F 173 255 47
Chartreuse #7FFF00 127 255 0
LawnGreen #7CFC00 124 252 0
Lime #00FF00 0 255 0
LimeGreen #32CD32 50 205 50
PaleGreen #98FB98 152 251 152
LightGreen #90EE90 144 238 144
MediumSpringGreen #00FA9A 0 250 154
SpringGreen #00FF7F 0 255 127
MediumSeaGreen #3CB371 60 179 113
SeaGreen #2E8B57 46 139 87
ForestGreen #228B22 34 139 34
Green #008000 0 128 0
DarkGreen #006400 0 100 0
YellowGreen #9ACD32 154 205 50
OliveDrab #6B8E23 107 142 35
Olive #808000 128 128 0
DarkOliveGreen #556B2F 85 107 47
MediumAquamarine #66CDAA 102 205 170
DarkSeaGreen #8FBC8F 143 188 143
LightSeaGreen #20B2AA 32 178 170
DarkCyan #008B8B 0 139 139
Teal #008080 0 128 128
Белые оттенки Имя цветаHEXRGB
White #FFFFFF 255 255 255
Snow #FFFAFA 255 250 250
Honeydew #F0FFF0 240 255 240
MintCream #F5FFFA 245 255 250
Azure #F0FFFF 240 255 255
AliceBlue #F0F8FF 240 248 255
GhostWhite #F8F8FF 248 248 255
WhiteSmoke #F5F5F5 245 245 245
Seashell #FFF5EE 255 245 238
Beige #F5F5DC 245 245 220
OldLace #FDF5E6 253 245 230
FloralWhite #FFFAF0 255 250 240
Ivory #FFFFF0 255 255 240
AntiqueWhite #FAEBD7 250 235 215
Linen #FAF0E6 250 240 230
LavenderBlush #FFF0F5 255 240 245
MistyRose #FFE4E1 255 228 225
Серые цвета html Имя цветаHEXRGB
Gainsboro#DCDCDC220 220 220
LightGray #D3D3D3 211 211 211
Silver #C0C0C0 192 192 192
DarkGray #A9A9A9 169 169 169
Gray #808080 128 128 128
DimGray #696969 105 105 105
LightSlateGray #778899 119 136 153
SlateGray #708090 112 128 144
DarkSlateGray #2F4F4F 47 79 79
Black #000000 0 0 0

Посмотреть цвета html по тонам цвета от 0 до 900 через 100 тут.

Все цвета HTML по названиям в формате HEX и RGB

sdelatlending.ru


Смотрите также