розовый цвет код html
Таблица цветовых кодов RGB
Палитра цветов RGB
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
Шестнадцатеричный: # |
Красный: |
Зеленый: |
Синий: |
Цветовое пространство 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
Генератор цвета отображает значение в 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.
Если каждая группа имеет одинаковые значения, то можно записать кратко #f00 красный цвет.
2). Формат цвета RGB.
Цвет RGB состоит из трех цветов красный R зеленый G и синий B. Путем смешивания этих цветов, получается остальные. Значение каждого цвета задается от 0 до 255.
3). Формат цвета RGBA
Цвет RGBA получается расширением формата rgb с добавлением альфа канала, который отвечает за прозрачность цвета.
4). Формат цвета HSV.
Цвет HSV основан на цилиндрической геометрии и применяется в photoshop.
Таблица 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 |
Цвет | Код | Цвет | Код | Цвет | Код | Цвет | Код |
---|---|---|---|---|---|---|---|
aqua (морская волна, cyan) | #00ffff | black (чёрный) | #000000 | blue (синий) | #0000ff | fuchsia (фуксия, magenta) | #ff00ff |
gray (серый) | #808080 | green (зелёный) | #008000 | lime (лайм, lightgreen) | #00ff00 | maroon (тёмно-бордовый) | #800000 |
navy (тёмно-синий) | #000080 | olive (оливковый) | #808000 | purple (пурпурный) | #800080 | red (красный) | #ff0000 |
silver (серебряный) | #c0c0c0 | teal (сине-зелёный) | #008080 | white (белый) | #ffffff | yellow (жёлтый) | #ffff00 |
Шаблон:Fnb В спецификации используются английские названия цветов.
Безопасная палитра Netscape [ ]
К концу 90-х годов, с полным исчезновением 8-битного цвета с рабочих столов ОС, это требование исчезло. Тем не менее, Adobe Photoshop и поныне оснащён опцией «Только Web-цвета» ( Шаблон:Lang-en ).
Названия цветов в X11 [ ]
Цвета CSS [ ]
Язык Cascading Style Sheets определяет такое же количество имен для цветов, как и HTML 4, — 16 перечисленных выше. Дополнительно CSS 2.1 добавляет название ‘orange’ [2] :
Спецификация CSS3 также вводит цветовую модель HSV :
Цвета 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 воспользуйтесь калькулятором цветов.
- Как выбить скидку в эльдорадо
- Аккредитационный лист что это