Контакты

Поиск по сайту

В спецификации HTML 4.01 определены основные системные 16 цветов: aqua (cyan), gray, navy, silver, black, green, olive, teal, blue, lime (lightgreen), purple, white, fuchsia (magenta), maroon, red, yellow.

Спецификации CSS 2 и CSS 2.1 также позволяют использовать данные системные цвета (в т. ч. имена цветов), и к ним добавляется еще один — orange.

Свойство color (background) может быть определено как зарезервированное название цвета (см. таблицу), шестнадцатиричное значение цвета (rrggbb или rgb) или с помощью цветовой модели rgb(r, g, b) или rgba (r, g, b, opacity).

В спецификации CSS3 данные способы указания цвета объявлены нежелательными (на данный момент этот вопрос не решен) и введены способы определения цвета с помощью цветовой модели HSB (HSL, HSV), в которой цветовыми координатами являются цвет, насыщенность и яркость (соответственно).

Т. о., на данный момент в таблице стилей можно указывать цвета следующими способами:

/* Указание зарезервированных имен цветов (можно писать как целиком строчными буквами, так и с заглавными буквами (как в таблице)) */
div {color: LightCoral; background: Plum; }

/* Указание с помощью hex-значений */
div {color: #f88; background: #dda0dd; }

/* Указание с помощью цветовой модели rgb или rgba*/
div {color: rgb(240, 128, 128); background: rgba(221, 160, 221, 1.0); }

/* Указание с помощью цветовой модели hsl или hsla */
div {color: hsl(0, 47%, 94%); background: hsla(300, 12%, 85%, 1.0); }

Цвета взяты отсюда с незначительными исправлениями.

Красные

IndianRed
rgb: 205 92 92   hsl: 0 55% 80%    hex: #cd5c5c
LightCoral
rgb: 240 128 128   hsl: 0 47% 94%    hex: #f08080
Salmon
rgb: 250 128 114   hsl: 6 54% 98%    hex: #fa8072
DarkSalmon
rgb: 233 150 122   hsl: 15 48% 91%    hex: #e9967a
LightSalmon
rgb: 255 160 122   hsl: 17 52% 100%    hex: #ffa07a
Crimson
rgb: 220 20 60   hsl: 348 91% 86%    hex: #dc143c
Firebrick
rgb: 178 34 34   hsl: 0 81% 70%    hex: #b22222
Red
rgb: 255 0 0   hsl: 0 100% 100%    hex: #ff0000
DarkRed
rgb: 139 0 0   hsl: 0 100% 55%    hex: #8b0000

Розовые

Pink
rgb: 255 192 203   hsl: 350 25% 100%    hex: #ffc0cb
LightPink
rgb: 255 182 193   hsl: 351 29% 100%    hex: #ffb6c1
PaleVioletRed
rgb: 219 112 147   hsl: 340 49% 86%    hex: #db7093
HotPink
rgb: 255 105 180   hsl: 330 59% 100%   hex: #ff69b4
DeepPink
rgb: 255 20 147   hsl: 328 92% 100%    hex: #ff1493
MediumVioletRed
rgb: 199 21 133   hsl: 322 89% 78%    hex: #c71585

Фиолетовые

lavender
rgb: 230 230 250   hsl: 240 8% 98%    hex: #e6e6fa
Thistle
rgb: 216 191 216   hsl: 300 12% 85%    hex: #d8bfd8
Plum
rgb: 221 160 221   hsl: 300 28% 87%    hex: #dda0dd
Violet
rgb: 238 130 238   hsl: 300 45% 93%    hex: #ee82ee
Orchid
rgb: 218 112 214   hsl: 302 49% 85%    hex: #da70d6
Fuchsia(Magenta)
rgb: 255 0 255   hsl: 300 100% 100%    hex: #ff00ff
MediumOrchid
rgb: 186 85 211   hsl: 288 60% 83%    hex: #ba55d3
MediumPurple
rgb: 147 112 219   hsl: 260 49% 86%    hex: #9370db
SlateBlue
rgb: 106 90 205   hsl: 248 56% 80%    hex: #6a5acd
BlueViolet
rgb: 138 43 226   hsl: 271 81% 89%    hex: #8a2be2
DarkViolet
rgb: 148 000 211   hsl: 282 100% 83%    hex: #9400d3
DarkOrchid
rgb: 153 50 204   hsl: 280 75% 80%    hex: #9932cc
DarkMagenta
rgb: 139 0 139   hsl: 300 100% 55%    hex: #8b008b
Purple
rgb: 128 000 128   hsl: 300 100% 50%    hex: #800080
Indigo
rgb: 075 000 130   hsl: 275 100% 51%    hex: #4b0082
DarkSlateBlue
rgb: 72 61 139   hsl: 248 56% 55%    hex: #483d8b

Оранжевые

Coral
rgb: 255 127 80   hsl: 16 69% 100%    hex: #ff7f50
Tomato
rgb: 255 99 71   hsl: 9 72% 100%    hex: #ff6347
OrangeRed
rgb: 255 69 0   hsl: 16 100% 100%    hex: #ff4500
DarkOrange
rgb: 255 140 0   hsl: 33 100% 100%    hex: #ff8c00
Orange
rgb: 255 165 0   hsl: 39 100% 100%    hex: #ffa500

Желтые

Gold
rgb: 255 215 0   hsl: 51 100% 100%    hex: #ffd700
Yellow
rgb: 255 255 0   hsl: 60 100% 100%    hex: #ffff00
LightYellow
rgb: 255 255 224   hsl: 60 12% 100%    hex: #ffffe0
LemonChiffon
rgb: 255 250 205   hsl: 54 20% 100%    hex: #fffacd
LightGoldenrodYellow
rgb: 250 250 210   hsl: 60 16% 98%    hex: #fafad2
PapayaWhip
rgb: 255 239 213   hsl: 37 16% 100%    hex: #ffefd5
Moccasin
rgb: 255 228 181   hsl: 38 29% 100%    hex: #ffe4b5
PeachPuff
rgb: 255 218 185   hsl: 28 27% 100%    hex: #ffdab9
PaleGoldenrod
rgb: 238 232 170   hsl: 55 29% 93%    hex: #eee8aa
Khaki
rgb: 240 230 140   hsl: 54 42% 94%    hex: #f0e68c
DarkKhaki
rgb: 189 183 107   hsl: 56 43% 74%    hex: #bdb76b

Коричневые

Cornsilk
rgb: 255 248 220   hsl: 48 14% 100%    hex: #fff8dc
BlanchedAlmond
rgb: 255 235 205   hsl: 36 20% 100%    hex: #ffebcd
Bisque
rgb: 255 228 196   hsl: 33 23% 100%    hex: #ffe4c4
NavajoWhite
rgb: 255 222 173   hsl: 36 32% 100%    hex: #ffdead
Wheat
rgb: 245 222 179   hsl: 39 27% 96%    hex: #f5deb3
Burlywood
rgb: 222 184 135   hsl: 34 39% 87%    hex: #deb887
Tan
rgb: 210 180 140   hsl: 34 33% 82%    hex: #d2b48c
RosyBrown
rgb: 188 143 143   hsl: 0 24% 74%    hex: #bc8f8f
SandyBrown
rgb: 244 164 96   hsl: 28 61% 96%    hex: #f4a460
Goldenrod
rgb: 218 165 32   hsl: 43 85% 85%    hex: #daa520
DarkGoldenrod
rgb: 184 134 11   hsl: 43 94% 72%    hex: #b8860b
Peru
rgb: 205 133 63   hsl: 30 69% 80%    hex: #cd853f
Chocolate
rgb: 210 105 30   hsl: 25 86% 82%    hex: #d2691e
SaddleBrown
rgb: 139 69 19   hsl: 25 86% 55%    hex: #8b4513
Sienna
rgb: 160 82 45   hsl: 19 72% 63%    hex: #a0522d
Brown
rgb: 165 42 42   hsl: 0 75% 65%    hex: #a52a2a
Maroon
rgb: 128 0 0   hsl: 0 100% 50%    hex: #800000

Зеленые

GreenYellow
rgb: 173 255 47   hsl: 84 82% 100%    hex: #adff2f
Chartreuse
rgb: 127 255 0   hsl: 90 100% 100%    hex: #7fff00
LawnGreen
rgb: 124 252 0   hsl: 90 100% 99%    hex: #7cfc00
Lime
rgb: 0 255 0   hsl: 120 100% 100%    hex: #00ff00
LimeGreen
rgb: 50 205 50   hsl: 120 76% 80%    hex: #32cd32
PaleGreen
rgb: 152 251 152   hsl: 120 39% 98%    hex: #98fb98
LightGreen
rgb: 144 238 144   hsl: 120 39% 93%    hex: #90ee90
MediumSpringGreen
rgb: 0 250 154   hsl: 157 100% 98%    hex: #00fa9a
SpringGreen
rgb: 0 255 127   hsl: 150 100% 100%    hex: #00ff7f
MediumSeaGreen
rgb: 60 179 113   hsl: 147 66% 70%    hex: #3cb371
SeaGreen
rgb: 67 139 87   hsl: 146 67% 55%    hex: #2e8b57
ForestGreen
rgb: 34 139 34   hsl: 120 76% 55%    hex: #228b22
Green
rgb: 0 128 0   hsl: 120 100% 50%    hex: #008000
DarkGreen
rgb: 0 100 0   hsl: 120 100% 39%    hex: #006400
YellowGreen
rgb: 154 205 50   hsl: 80 76% 80%    hex: #9acd32
OliveDrab
rgb: 107 142 35   hsl: 80 75% 56%    hex: #6b8e23
Olive
rgb: 128 128 0   hsl: 60 100% 50%    hex: #808000
DarkOliveGreen
rgb: 85 107 47   hsl: 82 56% 42%    hex: #556b2f
MediumAquamarine
rgb: 102 205 170   hsl: 160 50% 80%    hex: #66cdaa
DarkSeaGreen
rgb: 143 188 143   hsl: 120 24% 74%    hex: #8fbc8f
LightSeaGreen
rgb: 32 178 170   hsl: 177 82% 70%    hex: #20b2aa
DarkCyan
rgb: 0 139 139   hsl: 180 100% 55%    hex: #008b8b
Teal
rgb: 0 128 128   hsl: 180 100% 50%    hex: #008080

Синие

Aqua (Cyan)
rgb: 0 255 255   hsl: 180 100% 100%    hex: #00ffff
LightCyan
rgb: 224 255 255   hsl: 180 12% 100%    hex: #e0ffff
PaleTurquoise
rgb: 175 238 238   hsl: 180 26% 93%    hex: #afeeee
Aquamarine
rgb: 127 255 212   hsl: 160 50% 100%    hex: #7fffd4
Turquoise
rgb: 64 224 208  hsl: 174 71% 88%    hex: #40e0d0
MediumTurquoise
rgb: 72 209 204  hsl: 178 66% 82%    hex: #48d1cc
DarkTurquoise
rgb: 0 206 209  hsl: 181 100% 82%    hex: #00ced1
CadetBlue
rgb: 95 158 160  hsl: 182 41% 63%    hex: #5f9ea0
SteelBlue
rgb: 70 130 180  hsl: 207 61% 71%    hex: #4682b4
LightSteelBlue
rgb: 176 196 222  hsl: 214 21% 87%    hex: #b0c4de
PowderBlue
rgb: 176 224 230  hsl: 187 23% 90%    hex: #b0e0e6
LightBlue
rgb: 173 216 230  hsl: 195 25% 90%    hex: #add8e6
SkyBlue
rgb: 135 206 235  hsl: 197 43% 92%    hex: #87ceeb
LightSkyBlue
rgb: 135 206 250  hsl: 203 46% 98%    hex: #87cefa
DeepSkyBlue
rgb: 0 191 255  hsl: 195 100% 100%    hex: #00bfff
DodgerBlue
rgb: 30 144 255  hsl: 210 88% 100%    hex: #1e90ff
CornflowerBlue
rgb: 100 149 237  hsl: 219 58% 93%    hex: #6495ed
MediumSlateBlue
rgb: 123 104 238  hsl: 249 56% 93%    hex: #7b68ee
RoyalBlue
rgb: 65 105 225  hsl: 225 71% 88%    hex: #4169e1
Blue
rgb: 0 0 255   hsl: 240 100% 100%    hex: #0000ff
MediumBlue
rgb: 0 0 205   hsl: 240 100% 80%    hex: #0000cd
DarkBlue
rgb: 0 0 139   hsl: 240 100% 55%    hex: #00008b
Navy
rgb: 0 0 128   hsl: 240 100% 50%    hex: #000080
MidnightBlue
rgb: 25 25 112   hsl: 240 78% 44%    hex: #191970

Белые

White
rgb: 255 255 255   hsl: 0 0% 100%    hex: #ffffff
Snow
rgb: 255 250 250   hsl: 0 2% 100%    hex: #fffafa
Honeydew
rgb: 240 255 240   hsl: 120 6% 100%    hex: #f0fff0
MintCream
rgb: 245 255 250   hsl: 150 4% 100%    hex: #f5fffa
Azure
rgb: 240 255 255   hsl: 180 6% 100%    hex: #f0ffff
AliceBlue
rgb: 240 248 255   hsl: 208 6% 100%    hex: #f0f8ff
GhostWhite
rgb: 248 248 255   hsl: 240 3% 100%    hex: #f8f8ff
WhiteSmoke
rgb: 245 245 245   hsl: 0 0% 96%    hex: #f5f5f5
Seashell
rgb: 255 245 238   hsl: 25 7% 100%    hex: #fff5ee
Beige
rgb: 245 245 220   hsl: 60 10% 96%    hex: #f5f5dc
OldLace
rgb: 253 245 230   hsl: 39 9% 99%    hex: #fdf5e6
FloralWhite
rgb: 255 250 240   hsl: 40 6% 100%    hex: #fffaf0
Ivory
rgb: 255 255 240   hsl: 60 6% 100%    hex: #fffff0
AntiqueWhite
rgb: 250 235 215   hsl: 34 14% 98%    hex: #faebd7
Linen
rgb: 250 240 230   hsl: 30 8% 98%    hex: #faf0e6
LavenderBlush
rgb: 255 240 245   hsl: 30 8% 98%    hex: #fff0f5
MistyRose
rgb: 255 228 225   hsl: 6 12% 100%    hex: #ffe4e1

Серые

Gainsboro
rgb: 220 220 220   hsl: 0 0% 86%    hex: #dcdcdc
LightGray работает как «LightGrey»
rgb: 211 211 211   hsl: 0 0% 83%    hex: #d3d3d3
Silver
rgb: 192 192 192   hsl: 0 0% 75%    hex: #c0c0c0
DarkGray
rgb: 169 169 169   hsl: 0 0% 66%    hex: #a9a9a9
Gray
rgb: 128 128 128   hsl: 0 0% 50%    hex: #808080
DimGray
rgb: 105 105 105  hsl: 0 0% 41%    hex: #696969
LightSlateGray
rgb: 119 136 153  hsl: 210 22% 60%    hex: #778899
SlateGray
rgb: 112 128 144  hsl: 210 22% 56%    hex: #708090
DarkSlateGray
rgb: 47 79 79  hsl: 180 41% 31%    hex: #2f4f4f
Black
rgb: 0 0 0  hsl: 0 0% 0%    hex: #000000

Форма входа

Индекс цитирования Яндекс.Метрика