Онлайн калькулятор цветов RGB, HEX, HSL, CMYK
HTML название | HEX | RGB |
---|---|---|
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 |
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 |
LightSalmon | #FFA07A | 255, 160, 122 |
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 |
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 |
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 | #FF00FF | 255, 0, 255 |
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 название | HEX | RGB |
---|---|---|
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 |
Black | #000000 | 0, 0, 0 |
Gray | #808080 | 128, 128, 128 |
Silver | #C0C0C0 | 192, 192, 192 |
White | #FFFFFF | 255, 255, 255 |
Fuchsia | #FF00FF | 255, 0, 255 |
Purple | #800080 | 128, 0, 128 |
Red | #FF0000 | 255, 0, 0 |
Maroon | #800000 | |
Yellow | #FFFF00 | 255, 255, 0 |
Olive | #808000 | 128, 128, 0 |
Lime | #00FF00 | 0, 255, 0 |
Green | #008000 | 0, 128, 0 |
Aqua | #00FFFF | 0, 255, 255 |
Teal | #008080 | 0, 128, 128 |
Blue | #0000FF | 0, 0, 255 |
Navy | #000080 | 0, 0, 128 |
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 |
HTML название | HEX | RGB |
---|---|---|
Aqua | #00FFFF | 0, 255, 255 |
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 |
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 |
Gainsboro | #DCDCDC | 220, 220, 220 |
LightGrey | #D3D3D3 | 211, 211, 211 |
LightGray | #D3D3D3 | 211, 211, 211 |
Silver | #C0C0C0 | 192, 192, 192 |
DarkGray | #A9A9A9 | 169, 169, 169 |
DarkGrey | #A9A9A9 | 169, 169, 169 |
Gray | #808080 | 128, 128, 128 |
Grey | #808080 | 128, 128, 128 |
DimGray | #696969 | 105, 105, 105 |
DimGrey | #696969 | 105, 105, 105 |
LightSlateGray | #778899 | 119, 136, 153 |
LightSlateGrey | #778899 | 119, 136, 153 |
SlateGray | #708090 | 112, 128, 144 |
SlateGrey | #708090 | 112, 128, 144 |
DarkSlateGray | #2F4F4F | 47, 79, 79 |
DarkSlateGrey | #2F4F4F | 47, 79, 79 |
Black | #000000 | 0, 0, 0 |
Функции цвета Qlik Sense с синтаксисом и примерами
Сегодня мы поговорим о функциях цвета в Qlik Sense. Также мы обсудим пример и синтаксис функций цвета в Qlik Sense. Функции цвета Qlik Sense используются для настройки цветовых свойств визуализаций. Эти функции используются в коде сценария.
Функции цвета в Qlik Sense с синтаксисом и примерами
i. ARGB
Функция ARGB() используется для установки цветового кода для точек данных в таблицах и диаграммах. Цвета определяются отдельными компонентами функции для красного (R), зеленого (G), синего (B) и альфа-значения (A), которое определяет непрозрачность.
Синтаксис:
ARGB(alpha,r,g,b)
Где альфа – значение в диапазоне от 0 до 255, которое определяет непрозрачность цвета. Если вы выбираете значение alpha = 0, оно интерпретируется как прозрачное, а если alpha = 255, то оно полностью непрозрачно. Любое значение между этими двумя определяет степень непрозрачности.
Значение r определяет компонент цвета для красного, g для зеленого и b для синего. Значение, возвращаемое при использовании этой функции, имеет двойной формат данных.
Например, использование argb на карте, где цветные точки определяют разные уровни приоритетов вызовов.
if([Call Priority]='Must Call', argb(175,242,0,0), //this will return red dot if([Call Priority]='Need To Call',argb(175,254,197,80), //this will return yellow if([Call Priority]='Recent Call', argb(175,111,176,29), //this will return green if([Call Priority]='Not Targeted',argb(175,190,190,190) ) //this will return grey
Функции ARGB используются тогда, когда необходимо обработать непрозрачность цветного объекта. Это бывает необходимо на картах, диаграммах рассеяния и т. д., где значения данных представлены в виде точек, и за счет уменьшения их непрозрачности с помощью ARGB() можно управлять такой диаграммой, где многие точки данных перекрывают друг друга. Если непрозрачность низкая, а точки данных более прозрачны, перекрывающиеся точки данных можно легко увидеть по отдельности. Значение argb также можно интерпретировать в шестнадцатеричной системе счисления. Например, значение argb для светло-зеленого – 4278255360, что в шестнадцатеричной системе счисления можно представить, как FF00FF00. Первые два значения FF представляют альфа-фактор (255), а следующие два 00 обозначают меру красного компонента, следующие FF обозначает зеленый компонент, а последние 00 обозначает синий компонент.
ii. RGB
Функция RGB() аналогична функции ARGB(), с той лишь разницей, что при использовании RGB() значение альфа-фактора фиксировано, и вы не можете регулировать непрозрачность цвета.
Синтаксис:
RGB(r, g, b)
Где r, g и b – это места, где упоминаются значения трех цветовых компонентов (красного, зеленого и синего). Для некоторых цветов, приведенных ниже, есть предопределенные значения. Если в функции цвета не указан альфа-фактор, она интерпретируется как значения rgb(). Например, если мы напишем Blue(), то результатом будет значение RGB (0,0,128), но если вы напишете Blue(128), тогда 128 будет значением, определяющим непрозрачность (коэффициент альфа), и даст значение ARGB (128,0,0128).
Функция цвета | Значение RGB |
Black ([alpha]) | (0,0,0) |
Blue([alpha]) | (0,0,128) |
Brown([alpha]) | (128,128,0) |
Cyan([alpha]) | -128,128 |
Darkgray([alpha]) | -128,128,128 |
Green([alpha]) | (0,128,0) |
Lightblue([alpha]) | (0,0,255) |
Lightcyan([alpha]) | -255,255 |
Lightgray([alpha]) | -192,192,192 |
Lightgreen([alpha]) | (0,255,0) |
Lightmagenta([alpha]) | (255,0,255) |
Lightred([alpha]) | (255,0,0) |
Magenta([alpha]) | (128,0,128) |
Red([alpha]) | (128,0,0) |
White([alpha]) | -255,255,255 |
Yellow([alpha]) | (255,255,0) |
Когда значение RGB записывается в шестнадцатеричной системе исчисления, тогда первые два значения, то есть FF, фиксируются для непрозрачности (255, непрозрачность). Функция RGB() используется в основном в таблицах и диаграммах, где настраивать прозрачность не требуется.
iii. HSL
Функция HSL() используется для установки таких компонентов цвета, как оттенок, насыщенность и яркость. Значения для этих трех находятся в диапазоне от 0 до 1. Синтаксис функции HSL() представлен ниже.
HSL(hue, saturation, luminosity)
Например, значение HSL для функции RGB (0,255,0) будет HSL (0,33,1,0,5), это установит определенную степень оттенка, насыщенности и яркости для соответствующего цвета.
iv. Функция Color в Qlik Sense
Функция Color() возвращает числовое значение цвета, используемого в коде. Значение хранится в двойной форме, то есть в алфавитном (текстовом) и цифровом виде. Текстовое представление имеет форму RGB(r, g, b), которая с помощью функции Color() дает числовые значения красного, зеленого и синего числовых компонентов.
Синтаксис:
Color(n)
Например, если мы напишем Yellow(), то функция цвета вернет RGB(255,255,0), что является числовой интерпретацией компонентов цвета (r, g, b) желтого цвета.
v. Функция Colormix1 в Qlik Sense
Функция Colormix1() используется для смешивания двух цветов, что дает определенный оттенок.
Синтаксис:
Colormix1(Value, ColorZero, ColorOne)
Где Value – действительное число от 0 до 1. Если Value = 0, возвращается ColorZero, а если Value = 1, то возвращается ColorOne. И, если значение находится в диапазоне 0 <Value <1, возвращается соответствующее промежуточное затенение.
ColorZero – это допустимое цветовое представление цвета RGB, один из двух цветов, которые мы хотим смешать и который составляет нижнюю границу интервала.
ColorOne также является допустимым цветовым представлением RGB, которое является вторым из двух смешиваемых цветов. Отмечает верхний предел двухцветного диапазона или интервала.
Например:
Colormix1(0.5, red(), blue())
Возвращает ARGB(255,64,0,64) (purple)
В этом примере мы смешали два цвета, красный и синий, со значением смешивания 0,5, которое возвращает числовые значения в функции ARGB() и указывает результирующий цвет от смешивания красного и синего, то есть фиолетовый.
vi. Функция Colormix2 в Qlik Sense
Функция Colormix2() используется для смешивания двух цветов и создания цветового градиента. Эта функция также определяет промежуточный цвет для центрального (0) значения или положения.
Синтаксис:
Colormix2(Value, ColorMinusOne, ColorOne[ , ColorZero])
Степень оценки смешанного цвета определяется значением, которое находится в диапазоне между -1 и 1. Если значение = -1, то возвращается первый цвет, то есть ColorMinusOne. Если значение = 1, то возвращается второй цвет, т.е. ColorOne. И, если значение находится между -1 и 1, возвращается ColorZero.
ColorMinusOne – это допустимый цвет RGB, который составляет нижнюю границу цветового интервала.
ColorOne также является допустимым представлением цвета RGB, и составляет верхний предел цветового диапазона.
ColorZero – это необязательный допустимый цвет RGB, который назначается центральной позиции диапазона.
Например,
ColorMix2(0, red(), green(), brown())
Вернет коричневый цвет, потому что значение равно 0. Если бы значение было -1 или 1, то соответственно были бы возвращены красный или зеленый цвет.
vii. Функция SysColor в Qlik Sense
Эта функция возвращает значение ARGB цветовой схемы системы Windows. Здесь nr – параметр цвета, используемый в Windows API.
Синтаксис:
SysColor(nr)
viii. Функция ColorMapHue в Qlik Sense
Функция оттенка ColorMapHue() возвращает значение цвета ARGB или имя цвета из диапазона или градиент компонента оттенка в цветовой модели HSV. Значение компонента оттенка находится в диапазоне от 0 до 1 (включая 0 и 1). Цветовая карта варьируется от красного до нескольких других цветов, таких как желтый, зеленый, голубой, синий, фиолетовый, а затем снова возвращается к красному. То есть, если ваше значение x находится между 0 и 1, тогда есть вероятность, что возвращаемый компонент оттенка будет из средних цветов, таких как зеленый, голубой, синий, фиолетовый. Если значение x близко к 0 или 1, тогда компонент оттенка будет красноватым.
Синтаксис:
ColorMapHue (x)
Где x – любое значение от 0 до 1, определяющее компонент оттенка из палитры.
ix. Функция ColorMapJet в Qlik Sense
Функция ColorMapJet() возвращает значение цвета ARGB или имя для диапазона цветовой карты, начиная от синего, затем проходя через голубой, желтый и оранжевый, и возвращаясь к красному. Значение x должно быть указано как значение от 0 до 1. То есть, если вы выберете значение x на 0,5 или что-то в этом роде, вы получите цвет, который является оттенком желтого. Если вы приблизитесь к 0, то цветовой оттенок станет голубоватым, а если вы приблизитесь к 1, то цветовой оттенок станет красноватым.
Синтаксис:
ColorMapJet (x)
Таблица
цветовых кодов HTML 🎨 Таблица
цветовых кодов HTML 🎨Главная›Веб›Цвет› Цветовые коды HTML
Цветовые коды и названия HTML.
Выбор цвета HTML
Красные цвета
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
светлый лосось | #FFA07A | RGB(255 160 122) | |
лосось | #FA8072 | RGB(250 128 114) | |
темно-лососевый | #E9967A | RGB(233 150 122) | |
светло-коралловый | #F08080 | RGB(240 128 128) | |
индийский красный | #CD5C5C | RGB(205,92,92) | |
малиновый | # DC143C | RGB(220,20,60) | |
огнеупорный кирпич | #B22222 | RGB(178,34,34) | |
красный | #FF0000 | RGB(255,0,0) | |
темно-красный | #8B0000 | RGB(139,0,0) |
Оранжевые цвета
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
коралловый | #FF7F50 | RGB(255,127,80) | |
помидор | #FF6347 | RGB(255,99,71) | |
оранжевыйкрасный | #FF4500 | RGB(255,69,0) | |
золото | #FFD700 | RGB(255,215,0) | |
оранжевый | #FFA500 | RGB(255,165,0) | |
темно-оранжевый | #FF8C00 | RGB(255,140,0) |
Желтые цвета
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
светло-желтый | #FFFFFE0 | RGB(255 255 224) | |
лимонный шифон | #FFFACD | RGB(255 250 205) | |
светло-золотистый родо-желтый | #ФАФАД2 | RGB(250 250 210) | |
папайя-хлыст | #FFEFD5 | RGB(255 239 213) | |
мокасины | #FFE4B5 | RGB(255 228 181) | |
персиковый слой | #FFDAB9 | RGB(255 218 185) | |
бледно-золотистый | #EEE8AA | RGB(238 232 170) | |
хаки | #F0E68C | RGB(240 230 140) | |
темный хаки | #BDB76B | RGB(189 183 107) | |
желтый | #FFFF00 | RGB(255,255,0) |
Зеленый цвет
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
зеленый газон | #7CFC00 | RGB(124,252,0) | |
шартрез | #7FFF00 | RGB(127,255,0) | |
зеленый лайм | #32CD32 | RGB(50,205,50) | |
лайм | #00FF00 | RGB(0. 255.0) | |
Форестгрин | № 228B22 | RGB(34,139,34) | |
зеленый | #008000 | RGB(0,128,0) | |
темно-зеленый | #006400 | RGB(0,100,0) | |
зелено-желтый | #ADFF2F | RGB(173,255,47) | |
желто-зеленый | #9ACD32 | RGB(154,205,50) | |
весенне-зеленый | #00FF7F | RGB(0,255,127) | |
средний весенне-зеленый | #00FA9A | RGB(0,250,154) | |
светло-зеленый | #90EE90 | RGB(144 238 144) | |
бледно-зеленый | #98FB98 | RGB(152 251 152) | |
темно-зеленый | #8FBC8F | RGB(143 188 143) | |
средняя морская зелень | #3CB371 | RGB(60 179 113) | |
морская зелень | #2E8B57 | RGB(46,139,87) | |
оливковое | #808000 | RGB(128,128,0) | |
темно-оливково-зеленый | № 556B2F | RGB(85,107,47) | |
оливково-красный | #6B8E23 | RGB(107,142,35) |
Голубой цвет
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
светло-голубой | #E0FFFF | RGB(224 255 255) | |
голубой | #00FFFF | RGB(0,255,255) | |
цвет морской волны | #00FFFF | RGB(0,255,255) | |
аквамарин | #7FFFD4 | RGB(127 255 212) | |
средний аквамарин | #66CDAA | RGB(102 205 170) | |
бледно-бирюзовый | #АФЕЕЕЕ | RGB(175 238 238) | |
бирюзовый | #40E0D0 | RGB(64 224 208) | |
средний бирюзовый | #48D1CC | RGB(72 209 204) | |
темно-бирюзовый | #00CED1 | RGB(0,206,209) | |
светло-зеленый | № 20B2AA | RGB(32 178 170) | |
синий кадет | #5F9EA0 | RGB(95 158 160) | |
темно-голубой | #008B8B | RGB(0,139,139) | |
бирюзовый | № 008080 | RGB(0,128,128) |
Синий цвет
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
пудрово-синий | #B0E0E6 | RGB(176 224 230) | |
голубой | #ADD8E6 | RGB(173 216 230) | |
светло-голубой | #87CEFA | RGB(135 206 250) | |
небесно-голубой | #87CEEB | RGB(135 206 235) | |
темно-синий | #00BFFF | RGB(0,191,255) | |
светло-стальной синий | # B0C4DE | RGB(176 196 222) | |
доджерблю | # 1E90FF | RGB(30 144 255) | |
васильковый | #6495ED | RGB(100 149 237) | |
стальной синий | № 4682B4 | RGB(70 130 180) | |
королевский синий | #4169E1 | RGB(65 105 225) | |
синий | #0000FF | RGB(0,0,255) | |
средне-синий | #0000CD | RGB(0,0,205) | |
темно-синий | #00008B | RGB(0,0,139) | |
темно-синий | #000080 | RGB(0,0,128) | |
темно-синий | № 191970 | RGB(25,25,112) | |
средний сланцево-синий | #7B68EE | RGB(123 104 238) | |
сланцево-синий | #6A5ACD | RGB(106,90,205) | |
темно-синий | № 483D8B | RGB(72,61,139) |
Фиолетовый цвет
Цвет | HTML/CSS Имя цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
лаванда | #E6E6FA | RGB(230 230 250) | |
чертополох | #D8BFD8 | RGB(216 191 216) | |
слива | #DDA0DD | RGB(221 160 221) | |
фиолетовый | #EE82EE | RGB(238 130 238) | |
орхидея | #DA70D6 | RGB(218 112 214) | |
фуксия | #FF00FF | RGB(255,0,255) | |
пурпурный | #FF00FF | RGB(255,0,255) | |
средняя орхидея | #BA55D3 | RGB(186,85,211) | |
среднефиолетовый | #9370DB | RGB(147 112 219) | |
сине-фиолетовый | #8A2BE2 | RGB(138,43,226) | |
темно-фиолетовый | #9400D3 | RGB(148,0,211) | |
темная орхидея | #9932CC | RGB(153,50,204) | |
темно-пурпурный | #8B008B | RGB(139,0,139) | |
фиолетовый | #800080 | RGB(128,0,128) | |
индиго | #4B0082 | RGB(75,0,130) |
Розовые цвета
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
розовый | #FFC0CB | RGB(255 192 203) | |
светло-розовый | #FFB6C1 | RGB(255 182 193) | |
ярко-розовый | #FF69B4 | RGB(255 105 180) | |
тёмно-розовый | #FF1493 | RGB(255,20,147) | |
бледно-фиолетовый красный | #DB7093 | RGB(219 112 147) | |
средне-фиолетовый красный | #C71585 | RGB(199,21,133) |
Белый цвет
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
белый | #FFFFFF | RGB(255 255 255) | |
снег | #FFFAFA | RGB(255 250 250) | |
медвяная роса | #F0FFF0 | RGB(240 255 240) | |
мятный крем | #F5FFFA | RGB(245 255 250) | |
лазурный | #F0FFFF | RGB(240 255 255) | |
алисаблю | #F0F8FF | RGB(240 248 255) | |
призрачный белый | #F8F8FF | RGB(248 248 255) | |
белый дым | #F5F5F5 | RGB(245 245 245) | |
морская ракушка | #FFF5EE | RGB(255 245 238) | |
бежевый | #F5F5DC | RGB(245 245 220) | |
олдлейс | #FDF5E6 | RGB(253 245 230) | |
цветочный белый | #FFFFAF0 | RGB(255 250 240) | |
слоновая кость | #FFFFFF0 | RGB(255 255 240) | |
античный белый | #FAEBD7 | RGB(250 235 215) | |
белье | #FAF0E6 | RGB(250 240 230) | |
лавандовый румянец | #FFF0F5 | RGB(255 240 245) | |
туманная роза | #FFE4E1 | RGB(255 228 225) |
Серые цвета
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
Гейнсборо | #DCDCDC | RGB(220 220 220) | |
светло-серый | #D3D3D3 | RGB(211 211 211) | |
серебро | #C0C0C0 | RGB(192 192 192) | |
темно-серый | #A9A9A9 | RGB(169 169 169) | |
серый | #808080 | RGB(128 128 128) | |
темно-серый | #696969 | RGB(105 105 105) | |
светло-латунно-серый | № 778899 | RGB(119 136 153) | |
сланцево-серый | № 708090 | RGB(112 128 144) | |
темно-сланцево-серый | #2F4F4F | RGB(47,79,79) | |
черный | #000000 | RGB(0,0,0) |
Коричневый цвет
Цвет | HTML/CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R,G,B) |
---|---|---|---|
кукурузный шелк | #FFF8DC | RGB(255 248 220) | |
бланшированный миндаль | #FFEBCD | RGB(255 235 205) | |
бисквит | #FFE4C4 | RGB(255 228 196) | |
навахоуайт | #FFDEAD | RGB(255 222 173) | |
пшеница | #F5DEB3 | RGB(245 222 179) | |
бурливуд | #DEB887 | RGB(222 184 135) | |
желтовато-коричневый | #D2B48C | RGB(210 180 140) | |
розово-коричневый | #BC8F8F | RGB(188 143 143) | |
песочно-коричневый | #F4A460 | RGB(244,164,96) | |
золотарник | #DAA520 | RGB(218,165,32) | |
перу | #CD853F | RGB(205,133,63) | |
шоколад | #D2691E | RGB(210,105,30) | |
седло-коричневый | #8B4513 | RGB(139,69,19) | |
сиена | #A0522D | RGB(160,82,45) | |
коричневый | #A52A2A | RGB(165,42,42) | |
темно-бордовый | #800000 | RGB(128,0,0) |
См.
также- Коды символов HTML
- Черный цвет
- Синий цвет
- Коричневый цвет
- Голубой цвет
- Золотой цвет
- Зеленый цвет
- Серый цвет
- Бордовый цвет
- Оранжевый цвет
- Розовый цвет
- Фиолетовый цвет
- Красный цвет
- Белый цвет
- Желтый цвет
- Бежевый цвет
- Цвет слоновой кости
- Цвет лаванды
- Пурпурный цвет
- Персиковый цвет
- Серебристый цвет
- рыжевато-коричневый
- Бирюзовый
- Бирюзовый цвет
Напишите как улучшить эту страницу
ВЕБ ЦВЕТА
- Цвет RGB
- Палитра цветов
- Цветовая схема
- Тестер цвета
- Цветовой круг
- Безопасные для Интернета цвета
- Синий цвет
- Золотой цвет
- Красный цвет
- Желтый цвет
RAPID TABLES
- Рекомендовать сайт
- Отправить отзыв
- О
В чем разница между RGBA и ARGB?
Устали от LeetCode? 😩
Изучите 24 паттерна, чтобы решить любой вопрос на собеседовании по программированию, не заблудившись в лабиринте практических задач в стиле LeetCode. Практикуйте свои навыки в практической среде кодирования, не требующей настройки. 💪
RGBA
RGBA означает красный зеленый синий альфа
и иногда описывается как цветовое пространство. Однако на самом деле это трехканальная цветовая модель RGB, дополненная четвертым альфа-каналом.
Альфа указывает, насколько непрозрачным является каждый пиксель, и позволяет комбинировать изображение с другими, используя альфа-композитинг с прозрачными областями и сглаживание краев непрозрачных областей.
rgba (красный, зеленый, синий, альфа)
Альфа-значение объявляется десятичным числом от 0 до 1, где 0 — полностью прозрачный, а 1 — полностью непрозрачный.
Характеристики RGBA
RGBA — это четырехканальный формат, содержащий данные для красного, зеленого, синего и альфа-значения.
Функция CSS
rgba()
может иметь ограниченную поддержку в старых браузерах.Непрозрачность цвета можно легко контролировать, указав непрозрачность в терминах параметра.
Пример:
rgba(255, 0, 0, 0,3)
определяет красный цвет с непрозрачностью, установленной на 0,3.
Во многих системах с более чем 8 битами на канал (например, 16 битами или числами с плавающей запятой) каналы сохраняются в порядке RGBA, даже если 8-битные каналы хранятся в другом порядке.
В некоторых программах, разработанных для машин с обратным порядком байтов, цвета сохранялись в 32-битном формате, аналогичном ARGB32, но с альфа-каналом в нижних 8 битах, а не в верхних. Например: 808000FF будет красный и зеленый: 50,2%, синий: 0% и альфа: 100% (коричневый). Это то, что вы получили бы, если бы данные RGBA8888 считывались как слова на этих машинах.
ARGB
Каналы расположены в памяти таким образом, что одно 32-битное целое число без знака имеет альфа-выборку в старших 8-битах, за которой следуют красная выборка, зеленая выборка и, наконец, синяя выборка. в младших 8 битах:
Значения ARGB обычно выражаются с использованием 8 шестнадцатеричных цифр, где каждая пара шестнадцатеричных цифр представляет значения альфа-, красного, зеленого и синего каналов соответственно.
Например, 80FFFF00 соответствует 50,2% непрозрачности (без предварительного умножения) желтого цвета:
Шестнадцатеричное значение 80, которое равно 128 в десятичном формате, представляет собой альфа-значение 50,2 %, поскольку 128 составляет приблизительно 50,2 % от максимального значения 255 (FF hex).
Первый FF в значении 80FFFF00 представляет собой максимальное значение, которое может иметь красный цвет.
Второй FF такой же, как и предыдущий, но зеленого цвета.
Последний 00 представляет собой минимальное значение, которое может иметь синий цвет (фактически — без синего).
Следовательно, красный + зеленый дает желтый. В случаях, когда буква не используется, ее можно сократить до 6 цифр, RRGGBB. Вот почему было решено поместить альфу в верхние биты.
Этот макет стал популярным, когда на персональных компьютерах появился 24-битный цвет (и 32-битный RGBA). В то время программам было намного быстрее и проще управлять одним 32-битным модулем, чем четырьмя 8-битными.