Пурпурный цвет rgb код
HEX – шестнадцатеричная система представления цвета по основанию 16. Для данной системы используются арабские десятичные цифры от 0 до 9 и латинские буквы от A до F для дополнения цифрового количества до 16. Для web-дизайна взяты 16 основных (ключевых) цветов, так называемый шестнадцатеричный код цвета #RRGGBB, где каждая пара отвечает за свою долю цвета: RR – красный, GG – зеленый и BB – синий. Каждая доля цвета находится в диапазоне от 00 до FF.
Два других представления цвета в web-дизайне это: в виде RGB(*,*,*), где каждая «*» доля цвета представлена десятичными цифрами от 0 до 255 и по наименованиям цвета на английском языке.
При создании цветного изображения главной проблемой является правильная передача цветов на разных типах компьтеров, мониторов и браузеров. Если браузер не может правильно отобразить цвет, то он подбирает похожий или смешивает несколько цветов. А иногда может заменить на какой-то совсем другой цвет.
Таблица 16 основных цветов, которые используются во всех браузерах
Название | Цвет | Hex | (RGB) |
Aqua (морская волна) | #00FFFF | (000,255,255) | |
Black (черный) | #000000 | (000,000,000) | |
Blue (голубой) | #0000FF | (000,000,255) | |
Fuchsia (фуксин) | #FF00FF | (255,000,255) | |
Gray (серый) | #808080 | (128,128,128) | |
Green (зеленый) | #008000 | (000,128,000) | |
Lime (ярко-зеленый) | #00FF00 | (000,255,000) | |
Maroon (темно-бордовый) | #800000 | (128,000,000) | |
Navy (темно-синий) | #000080 | (000,000,128) | |
Olive (оливковый) | #808000 | (128,128,000) | |
Purple (фиолетовый) | #800080 | (128,000,128) | |
Red (красный) | #FF0000 | (255,000,000) | |
Silver (серебряный) | #C0C0C0 | (192,192,192) | |
Teal (серо-зеленый) | #008080 | (000,128,128) | |
White (белый) | #FFFFFF | (255,255,255) | |
Yellow (желтый) | #FFFF00 | (255,255,000) |
Таблица пурпурного цвета и его оттенков
Название | Цвет | Hex | (RGB) |
Magenta (пурпурный) | #FFCBDB | (255,203,219) | |
Magenta (пурпурный) | #FF0099 | (255,000,153) | |
Magenta (маджента) | #F95A61 | (249,090,097) | |
Fuchsia (фуксия) | #FF00FF | (255,000,255) | |
Мовеин (анилиновый пурпур) | #EF0097 | (239,000,151) | |
Salmon pink (оранжево розовый) | #FF91A4 | (255,145,164) | |
Cenise (оттенок пурпурного) | #DE3163 | (153,149,140) | |
Aubergine Eggplant (баклажановый) | #990066 | (153,000,132) | |
Lavender blush (розовато-лавандовый) |  #FFF0F5 | (255,240,245) | |
Lilac (сиреневый) | #C8A2C8 | (200,162,200) | |
Magenta (маджента) | #FF008F | (255,000,143) | |
Orchid (орхидея) | #DA70D6 | (218,112,214) | |
Red-violet (фиолетово-красный) | #C71585 | (199,021,133) | |
Sanguine (сангиновый) | #92000A | (146,000,010) | |
Thistle (оттенок пурпурного) | #D8BFD8 | (185,211,238) | |
Violet-eggplant (оттенок пурпурного) | #991199 | (153,017,153) | |
Rosa vivo (насыщено розовый) | #FF007F | (255,000,127) | |
Lavender-rose (оттенок пурпурного) | #FBA0E3 | (108,123,139) | |
Mountbatten pink (розовый Маунбаттена) | #997ABD | (153,122,141) |
Таблица серого цвета и его оттенков
Конвертер цветов
С помощью универсального конвертер цветов вы можете легко перевести цвет из одной цветовой модели в ряд других.
В первую очередь, калькулятор служит для удобной работы с современными форматами CSS3-цветов. Поддерживается конвертация из HEX в RGB/RGBA и HSL/HSLA, RGB в CMYK, XYZ, LAB, и обратно.
А также специальный функционал для замещения альфа-канала при переводе цвета из RGBA в RGB (и HSLA в HSL).
Справка по цветовым моделям
Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.
HEX / HTML
Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.
Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.
Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.
Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.
Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
Цветовые значения RGB поддерживаются во всех основных браузерах.
С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).
HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.
По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.
Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
Цветовая модель 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 (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.
Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.
Таблица 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 |