коды цветов в xml
Таблица RGB-цветов
В 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 |
Цветовая константа | Red | Green | Blue | Образец | |||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 |
Шестнадцатеричный: # |
Красный: |
Зеленый: |
Синий: |
Цветовое пространство RGB
Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.
RGB ≡ красный, зеленый, синий
Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).
Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.
Любое значение между ними устанавливает частичное излучение светодиода.
Цветовой формат и расчет RGB
Код RGB имеет формат 24 бита (биты 0..23):
КРАСНЫЙ [7: 0] | ЗЕЛЕНЫЙ [7: 0] | СИНИЙ [7: 0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
Примеры расчетов
Белый цвет RGB
White RGB code = 255*65536+255*256+255 = #FFFFFF
Синий цвет RGB
Blue RGB code = 0*65536+0*256+255 = #0000FF
Красный цвет RGB
Red RGB code = 255*65536+0*256+0 = #FF0000
Зеленый цвет RGB
Green RGB code = 0*65536+255*256+0 = #00FF00
Серый цвет RGB
Gray RGB code = 128*65536+128*256+128 = #808080
Желтый цвет RGB
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
Цвета HTML
Одной из составляющих представления веб-страниц в интернете является цвет, современные браузеры принимают и воспроизводят его, используя цветовые модели RGB, HSL, или же ключевые слова (названия).
Значения цвета в HTML может быть задано одним из следующих способов.
Имена цветов CSS, SVG.
В отличие от Html, в котором стандартными являются 16 цветов, спецификации CSS и SVG, определяют более расширенный список имен, состоящий из 147 названий. Однако, несмотря на наличие в списке сто сорока семи наименований, оригинальные значения имеют только 138, так как все серые цвета могут быть указаны как через «a», так и через «e» (grAy или grEy), а fuchsia и aqua имеют альтернативные имена: magenta и cyan соответственно (последние не поддерживаются HTML 4.01).
Приведенная ниже таблица представляет имена цветов и их значения в HSL и HEX. При использовании имен, следует помнить, что синтаксис SVG отличается от HTML и CSS: атрибут fill, к примеру, применяется как к цвету текста (color), так и объекта (background-color), а stroke используются для задания контура (обводки) элемента.
Имя | R G B | H S L |
---|---|---|
white | #ffffffhex | 0°, 0%, 100% |
ivory | #fffff0hex | 60°, 100%, 97% |
lightyellow | #ffffe0hex | 60°, 100%, 94% |
yellow | #ffff00hex | 60°, 100%, 50% |
snow | #fffafahex | 0°, 100%, 99% |
floralwhite | #fffaf0hex | 40°, 100%, 97% |
lemonchiffon | #fffacdhex | 54°, 100%, 90% |
cornsilk | #fff8dchex | 48°, 100%, 93% |
seashell | #fff5eehex | 25°, 100%, 97% |
lavenderblush | #fff0f5hex | 340°, 100%, 97% |
papayawhip | #ffefd5hex | 37°, 100%, 92% |
blanchedalmond | #ffebcdhex | 36°, 100%, 90% |
mistyrose | #ffe4e1hex | 6°, 100%, 94% |
bisque | #ffe4c4hex | 33°, 100%, 88% |
moccasin | #ffe4b5hex | 38°, 100%, 86% |
navajowhite | #ffdeadhex | 36°, 100%, 84% |
peachpuff | #ffdab9hex | 28°, 27%, 100% |
gold | #ffd700hex | 51°, 100%, 50% |
pink | #ffc0cbhex | 350°, 100%, 88% |
lightpink | #ffb6c1hex | 351°, 100%, 86% |
orange | #ffa500hex | 39°, 100%, 50% |
lightsalmon | #ffa07ahex | 17°, 100%, 74% |
darkorange | #ff8c00hex | 33°, 100%, 50% |
coral | #ff7f50hex | 16°, 100%, 66% |
hotpink | #ff69b4hex | 330°, 100%, 71% |
tomato | #ff6347hex | 9°, 100%, 64% |
orangered | #ff4500hex | 16°, 100%, 50% |
deeppink | #ff1493hex | 328°, 100%, 54% |
magenta, fuchsia | #ff00ffhex | 300°, 100%, 50% |
red | #ff0000hex | 0°, 100%, 50% |
oldlace | #fdf5e6hex | 39°, 85%, 95% |
lightgoldenrodyellow | #fafad2hex | 60°, 80%, 90% |
linen | #faf0e6hex | 30°, 67%, 94% |
antiquewhite | #faebd7hex | 34°, 78%, 91% |
salmon | #fa8072hex | 6°, 93%, 71% |
ghostwhite | #f8f8ffhex | 240°, 100%, 99% |
mintcream | #f5fffahex | 150°, 100%, 98% |
whitesmoke | #f5f5f5hex | 0°, 0%, 96% |
beige | #f5f5dchex | 60°, 56%, 91% |
wheat | #f5deb3hex | 39°, 77%, 83% |
sandybrown | #f4a460hex | 28°, 87%, 67% |
azure | #f0ffffhex | 180°, 100%, 97% |
honeydew | #f0fff0hex | 120°, 100%, 97% |
aliceblue | #f0f8ffhex | 208°, 100%, 97% |
khaki | #f0e68chex | 54°, 77%, 75% |
lightcoral | #f08080hex | 0°, 79%, 72% |
palegoldenrod | #eee8aahex | 55°, 67%, 80% |
violet | #ee82eehex | 300°, 76%, 72% |
darksalmon | #e9967ahex | 15°, 72%, 70% |
lavender | #e6e6fahex | 240°, 67%, 94% |
lightcyan | #e0ffffhex | 180°, 100%, 94% |
burlywood | #deb887hex | 34°, 57%, 70% |
plum | #dda0ddhex | 300°, 47%, 75% |
gainsboro | #dcdcdchex | 0°, 0%, 86% |
crimson | #dc143chex | 348°, 83%, 47% |
palevioletred | #db7093hex | 340°, 60%, 65% |
goldenrod | #daa520hex | 43°, 74%, 49% |
orchid | #da70d6hex | 302°, 59%, 65% |
thistle | #d8bfd8hex | 300°, 24%, 80% |
lightgray, lightgrey | #d3d3d3hex | 0°, 0%, 83% |
tan | #d2b48chex | 34°, 44%, 67% |
chocolate | #d2691ehex | 25°, 75%, 47% |
peru | #cd853fhex | 30°, 59%, 53% |
indianred | #cd5c5chex | 0°, 53%, 58% |
mediumvioletred | #c71585hex | 322°, 81%, 43% |
silver | #c0c0c0hex | 0°, 0%, 75% |
darkkhaki | #bdb76bhex | 56°, 38%, 58% |
rosybrown | #bc8f8fhex | 0°, 25%, 65% |
mediumorchid | #ba55d3hex | 288°, 59%, 58% |
darkgoldenrod | #b8860bhex | 43°, 89%, 38% |
firebrick | #b22222hex | 0°, 68%, 42% |
powderblue | #b0e0e6hex | 187°, 52%, 80% |
lightsteelblue | #b0c4dehex | 214°, 41%, 78% |
paleturquoise | #afeeeehex | 180°, 65%, 81% |
greenyellow | #adff2fhex | 84°, 100%, 59% |
lightblue | #add8e6hex | 195°, 53%, 79% |
darkgray, darkgrey | #a9a9a9hex | 0°, 0%, 66% |
brown | #a52a2ahex | 0°, 59%, 41% |
sienna | #a0522dhex | 19°, 56%, 40% |
yellowgreen | #9acd32hex | 80°, 61%, 50% |
darkorchid | #9932cchex | 280°, 61%, 50% |
palegreen | #98fb98hex | 120°, 93%, 79% |
darkviolet | #9400d3hex | 282°, 100%, 41% |
mediumpurple | #9370dbhex | 260°, 60%, 65% |
lightgreen | #90ee90hex | 120°, 73%, 75% |
darkseagreen | #8fbc8fhex | 120°, 25%, 65% |
saddlebrown | #8b4513hex | 25°, 76%, 31% |
darkmagenta | #8b008bhex | 300°, 100%, 27% |
darkred | #8b0000hex | 0°, 100%, 27% |
blueviolet | #8a2be2hex | 271°, 76%, 53% |
lightskyblue | #87cefahex | 203°, 92%, 76% |
skyblue | #87ceebhex | 197°, 71%, 73% |
gray, grey | #808080hex | 0°, 0%, 50% |
olive | #808000hex | 60°, 100%, 25% |
purple | #800080hex | 300°, 100%, 25% |
maroon | #800000hex | 0°, 100%, 25% |
aquamarine | #7fffd4hex | 160°, 100%, 75% |
chartreuse | #7fff00hex | 90°, 100%, 50% |
lawngreen | #7cfc00hex | 91°, 100%, 4% |
mediumslateblue | #7b68eehex | 249°, 80%, 67% |
lightslategray, lightslategrey | #778899hex | 210°, 14%, 53% |
slategray или slategrey | #708090hex | 210°, 13%, 50% |
olivedrab | #6b8e23hex | 80°, 61%, 35% |
slateblue | #6a5acdhex | 248°, 54%, 58% |
dimgray, dimgrey | #696969hex | 0°, 0%, 41% |
mediumaquamarine | #66cdaahex | 160°, 51%, 60% |
rebeccapurple | #663399hex | 270°, 50%, 40% |
cornflowerblue | #6495edhex | 219°, 79%, 66% |
cadetblue | #5f9ea0hex | 182°, 26%, 50% |
darkolivegreen | #556b2fhex | 82°, 39%, 30% |
indigo | #4b0082hex | 275°, 100%, 26% |
mediumturquoise | #48d1cchex | 178°, 60%, 55% |
darkslateblue | #483d8bhex | 249°, 39%, 39% |
steelblue | #4682b4hex | 207°, 44%, 49% |
royalblue | #4169e1hex | 225°, 73%, 57% |
turquoise | #40e0d0hex | 174°, 72%, 57% |
mediumseagreen | #3cb371hex | 147°, 50%, 47% |
limegreen | #32cd32hex | 120°, 61%, 50% |
darkslategray, darkslategrey | #2f4f4fhex | 180°, 25%, 25% |
seagreen | #2e8b57hex | 147°, 50%, 36% |
forestgreen | #228b22hex | 120°, 61%, 34% |
lightseagreen | #20b2aahex | 177°, 70%, 41% |
dodgerblue | #1e90ffhex | 210°, 100%, 56% |
midnightblue | #191970hex | 240°, 64%, 27% |
aqua, cyan | #00ffffhex | 180°, 100%, 50% |
springgreen | #00ff7fhex | 150°, 100%, 50% |
lime | #00ff00hex | 120°, 100%, 50% |
mediumspringgreen | #00fa9ahex | 157°, 100%, 49% |
darkturquoise | #00ced1hex | 181°, 100%, 41% |
deepskyblue | #00bfffhex | 195°, 100%, 50% |
darkcyan | #008b8bhex | 180°, 100%, 27% |
teal | #008080hex | 180°, 100%, 25% |
green | #008000hex | 120°, 100%, 25% |
darkgreen | #006400hex | 120°, 100%, 20% |
blue | #0000ffhex | 240°, 100%, 50% |
mediumblue | #0000cdhex | 240°, 100%, 40% |
darkblue | #00008bhex | 240°, 100%, 27% |
navy | #000080hex | 240°, 100%, 25% |
black | #000000hex | 0°, 0%, 0% |
Для получения информации о других цветах и значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.
- С чем связаны приливы в мировом океане
- adb appcontrol код активации для windows