Палитра цветов RGB | Таблица цветовых кодов RGB | Цветовое пространство RGB | Цветовой формат и расчет RGB | Таблица цветов RGB
Палитра цветов RGB
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
Шестнадцатеричный: # | |||
Красный: | |||
Зеленый: | |||
Синий: |
Цветовое пространство RGB
RGB цветового пространства или цветовая система RGB , создает все цвета из комбинации R Е.Д., G Reen и B LUE цвета.
Красный, зеленый и синий используют по 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 = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Примеры расчетов
Белый цвет 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
Таблица цветов RGB
Основные цвета:
цвет | HTML / CSS имя | Шестнадцатеричный код
#RRGGBB |
Десятичный код
(R, G, B) |
---|---|---|---|
Черный | # 000000 | (0,0,0) | |
Белый | #FFFFFF | (255 255 255) | |
Красный | # FF0000 | (255,0,0) | |
Лайм | # 00FF00 | (0,255,0) | |
Синий | # 0000FF | (0,0,255) | |
Желтый | # FFFF00 | (255,255,0) | |
Голубой / Аква | # 00FFFF | (0,255,255) | |
Пурпурный / фуксия | # FF00FF | (255 0 255) | |
Серебряный | # C0C0C0 | (192 192 192) | |
Серый | # 808080 | (128 128 128) | |
Бордовый | # 800000 | (128,0,0) | |
Оливковое | # 808000 | (128,128,0) | |
Зеленый | # 008000 | (0,128,0) | |
Фиолетовый | # 800080 | (128,0,128) | |
Бирюзовый | # 008080 | (0,128,128) | |
Флот | # 000080 | (0,0,128) |
цвет | Название цвета | Шестнадцатеричный код
#RRGGBB |
Десятичный код
R, G, B |
---|---|---|---|
бордовый | # 800000 | (128,0,0) | |
темно-красный | # 8B0000 | (139,0,0) | |
коричневый | # A52A2A | (165,42,42) | |
огнеупорный кирпич | # B22222 | (178,34,34) | |
малиновый | # DC143C | (220,20,60) | |
красный | # FF0000 | (255,0,0) | |
помидор | # FF6347 | (255,99,71) | |
коралл | # FF7F50 | (255 127,80) | |
индийский красный | # CD5C5C | (205,92,92) | |
светлый коралл | # F08080 | (240 128 128) | |
темный лосось | # E9967A | (233 150 122) | |
лосось | # FA8072 | (250 128 114) | |
светлый лосось | # FFA07A | (255 160 122) | |
Оранжево-красный | # FF4500 | (255,69,0) | |
темно-оранжевый | # FF8C00 | (255,140,0) | |
апельсин | # FFA500 | (255,165,0) | |
золото | # FFD700 | (255 215,0) | |
темно-золотой жезл | # B8860B | (184 134 11) | |
золотой жезл | # DAA520 | (218 165,32) | |
бледно-золотой жезл | # EEE8AA | (238 232 170) | |
темный хаки | # BDB76B | (189 183 107) | |
цвет хаки | # F0E68C | (240 230 140) | |
оливковый | # 808000 | (128,128,0) | |
желтый | # FFFF00 | (255,255,0) | |
желтый зеленый | # 9ACD32 | (154 205,50) | |
темно-оливково-зеленый | # 556B2F | (85 107,47) | |
оливковый | # 6B8E23 | (107 142,35) | |
газон зеленый | # 7CFC00 | (124 252,0) | |
повторное использование диаграммы | # 7FFF00 | (127,255,0) | |
желто-зеленый | # ADFF2F | (173 255,47) | |
темно-зеленый | # 006400 | (0,100,0) | |
зеленый | # 008000 | (0,128,0) | |
зеленый лес | # 228B22 | (34 139,34) | |
Лайм | # 00FF00 | (0,255,0) | |
зеленый лайм | # 32CD32 | (50 205,50) | |
светло-зеленый | # 90EE90 | (144 238 144) | |
бледно-зеленый | # 98FB98 | (152 251 152) | |
темно-зеленый | # 8FBC8F | (143 188 143) | |
средний весенний зеленый | # 00FA9A | (0,250,154) | |
весенний зеленый | # 00FF7F | (0,255,127) | |
цвет морской волны | # 2E8B57 | (46 139,87) | |
средний аквамарин | # 66CDAA | (102 205 170) | |
средний морской зеленый | # 3CB371 | (60 179 113) | |
светло-зеленый | # 20B2AA | (32 178 170) | |
темно-серый | # 2F4F4F | (47,79,79) | |
бирюзовый | # 008080 | (0,128,128) | |
темно-голубой | # 008B8B | (0,139,139) | |
аква | # 00FFFF | (0,255,255) | |
голубой | # 00FFFF | (0,255,255) | |
светло-голубой | # E0FFFF | (224 255 255) | |
темно-бирюзовый | # 00CED1 | (0 206 209) | |
бирюзовый | # 40E0D0 | (64 224 208) | |
средняя бирюза | # 48D1CC | (72 209 204) | |
бледно-бирюзовый | #AFEEEE | (175 238 238) | |
Аквамарин | # 7FFFD4 | (127 255 212) | |
синий порошок | # B0E0E6 | (176 224 230) | |
кадетский синий | # 5F9EA0 | (95 158 160) | |
стальной синий | # 4682B4 | (70 130 180) | |
кукуруза цветок синий | # 6495ED | (100 149 237) | |
темно-синий | # 00BFFF | (0,191,255) | |
Доджер синий | # 1E90FF | (30 144 255) | |
светло-синий | # ADD8E6 | (173 216 230) | |
голубое небо | # 87CEEB | (135 206 235) | |
светло-голубой | # 87CEFA | (135 206 250) | |
темно-синий | # 191970 | (25,25,112) | |
флот | # 000080 | (0,0,128) | |
темно-синий | # 00008B | (0,0,139) | |
средний синий | # 0000CD | (0,0,205) | |
синий | # 0000FF | (0,0,255) | |
Королевский синий | # 4169E1 | (65 105 225) | |
сине-фиолетовый | # 8A2BE2 | (138,43,226) | |
индиго | # 4B0082 | (75,0 130) | |
темно-синий | # 483D8B | (72,61,139) | |
сланцево-синий | # 6A5ACD | (106 90 205) | |
средний грифельно-синий | # 7B68EE | (123 104 238) | |
средний фиолетовый | # 9370DB | (147 112 219) | |
темно-пурпурный | # 8B008B | (139,0 139) | |
темно-фиолетовый | # 9400D3 | (148 0 211) | |
темная орхидея | # 9932CC | (153 50 204) | |
средняя орхидея | # BA55D3 | (186,85 211) | |
фиолетовый | # 800080 | (128,0,128) | |
чертополох | # D8BFD8 | (216 191 216) | |
слива | # DDA0DD | (221 160 221) | |
Виолетта | # EE82EE | (238 130 238) | |
пурпурный / фуксия | # FF00FF | (255 0 255) | |
орхидея | # DA70D6 | (218 112 214) | |
средне-фиолетовый красный | # C71585 | (199,21 133) | |
бледно-фиолетовый красный | # DB7093 | (219 112 147) | |
темно-розовый | # FF1493 | (255 20 147) | |
ярко-розовый | # FF69B4 | (255 105 180) | |
светло-розовый | # FFB6C1 | (255 182 193) | |
розовый | # FFC0CB | (255 192 203) | |
античный белый | # FAEBD7 | (250 235 215) | |
бежевый | # F5F5DC | (245 245 220) | |
бисквит | # FFE4C4 | (255 228 196) | |
бланшированный миндаль | #FFEBCD | (255 235 205) | |
пшеница | # F5DEB3 | (245 222 179) | |
кукурузные рыльца | # FFF8DC | (255 248 220) | |
лимонный шифон | #FFFACD | (255 250 205) | |
светло-золотой жезл желтый | # FAFAD2 | (250 250 210) | |
светло-желтого | # FFFFE0 | (255 255 224) | |
седло коричневый | # 8B4513 | (139,69,19) | |
Сиена | # A0522D | (160,82,45) | |
шоколад | # D2691E | (210,105,30) | |
Перу | # CD853F | (205 133,63) | |
песочно-коричневый | # F4A460 | (244 164,96) | |
крепкое дерево | # DEB887 | (222 184 135) | |
загар | # D2B48C | (210 180 140) | |
розово-коричневый | # BC8F8F | (188 143 143) | |
мокасины | # FFE4B5 | (255 228 181) | |
навахо белый | #FFDEAD | (255 222 173) | |
персиковый слой | # FFDAB9 | (255 218 185) | |
туманная роза | # FFE4E1 | (255 228 225) | |
лавандовый румянец | # FFF0F5 | (255 240 245) | |
белье | # FAF0E6 | (250 240 230) | |
старое кружево | # FDF5E6 | (253 245 230) | |
кнут из папайи | # FFEFD5 | (255 239 213) | |
морская ракушка | # FFF5EE | (255 245 238) | |
мятный крем | # F5FFFA | (245 255 250) | |
шифер серый | # 708090 | (112 128 144) | |
светло-серый | # 778899 | (119 136 153) | |
светло-стальной синий | # B0C4DE | (176 196 222) | |
лаванда | # E6E6FA | (230 230 250) | |
цветочный белый | # FFFAF0 | (255 250 240) | |
Алиса Блю | # F0F8FF | (240 248 255) | |
призрачный белый | # F8F8FF | (248 248 255) | |
нектар | # F0FFF0 | (240 255 240) | |
слоновая кость | # FFFFF0 | (255 255 240) | |
лазурный | # F0FFFF | (240 255 255) | |
снег | #FFFAFA | (255 250 250) | |
черный | # 000000 | (0,0,0) | |
тускло-серый / тускло-серый | # 696969 | (105 105 105) | |
серый | # 808080 | (128 128 128) | |
темно-серый / темно-серый | # A9A9A9 | (169 169 169) | |
Серебряный | # C0C0C0 | (192 192 192) | |
светло-серый / светло-серый | # D3D3D3 | (211 211 211) | |
Gainsboro | #DCDCDC | (220 220 220) | |
белый дым | # F5F5F5 | (245 245 245) | |
белый | #FFFFFF | (255 255 255) |
Смотрите также
- Конвертер RGB в шестнадцатеричный
- Конвертер RGB в HSV
- Конвертер RGB в HSL
- Конвертер RGB в CMYK
- Цветовые преобразования
- Таблица цветового круга
- Тестер цвета экрана
- Цветовые коды HTML
- Коды символов HTML
- Таблица ASCII
- Символы Unicode
- Безопасные для Интернета цвета
- Желтого цвета
- Золотой цвет
Подробную информацию об использовании цветов в HTML и CSS, способах указания цвета с помощью шестнадцатеричных значений, значений цвета RGB, RGBA, HSL, HSLA и с помощью предопределённых цветов, вы сможете найти в следующих статьях учебников:
- «Учебник HTML 5. Статья ‘HTML Цвета’.»
- «Учебник CSS 3. Статья ‘Цветовое оформление в CSS’.»
Конвертер цветов
Конвертер цветов позволяет преобразовать (конвертировать) RGB цвета (аббревиатура английских слов red, green, blue — красный, зелёный, синий) в шестнадцатеричные (HEX) значения, RGB цвета в формат HSL (от англ. hue, saturation, lightness (intensity) — тон, насыщенность и осветленность) и обратно HEX значения в RGB и HSL цвета.
Предопределенные имена цветов
Имя цвета | HEX | RGB |
---|---|---|
IndianRed | #CD5C5C | rgb(205, 92, 92) |
LightCoral | #F08080 | rgb(240, 128, 128) |
Salmon | #FA8072 | rgb(250, 128, 114) |
DarkSalmon | #E9967A | rgb(233, 150, 122) |
LightSalmon | #FFA07A | rgb(255, 160, 122) |
Crimson | #DC143C | rgb(220, 20, 60) |
Red | #FF0000 | rgb(255, 0, 0) |
FireBrick | #B22222 | rgb(178, 34, 34) |
DarkRed | #8B0000 | rgb(139, 0, 0) |
Имя цвета | HEX | RGB |
---|---|---|
Gold | #FFD700 | rgb(255, 215, 0) |
Yellow | #FFFF00 | rgb(255, 255, 0) |
LightYellow | #FFFFE0 | rgb(255, 255, 224) |
LemonChiffon | #FFFACD | rgb(255, 250, 205) |
LightGoldenrodYellow | #FAFAD2 | rgb(250, 250, 210) |
PapayaWhip | #FFEFD5 | rgb(255, 239, 213) |
Moccasin | #FFE4B5 | rgb(255, 228, 181) |
PeachPuff | #FFDAB9 | rgb(255, 218, 185) |
PaleGoldenrod | #EEE8AA | rgb(238, 232, 170) |
Khaki | #F0E68C | rgb(240, 230, 140) |
DarkKhaki | #BDB76B | rgb(189, 183, 107) |
Имя цвета | HEX | RGB |
---|---|---|
Coral | #FF7F50 | rgb(255, 127, 80) |
Tomato | #FF6347 | rgb(255, 99, 71) |
OrangeRed | #FF4500 | rgb(255, 69, 0) |
DarkOrange | #FF8C00 | rgb(255, 140, 0) |
Orange | #FFA500 | rgb(255, 165, 0) |
Имя цвета | HEX | RGB |
---|---|---|
Pink | #FFC0CB | rgb(255, 192, 203) |
LightPink | #FFB6C1 | rgb(255, 182, 193) |
HotPink | #FF69B4 | rgb(255, 105, 180) |
DeepPink | #FF1493 | rgb(255, 20, 147) |
MediumVioletRed | #C71585 | rgb(199, 21, 133) |
PaleVioletRed | #DB7093 | rgb(219, 112, 147) |
Имя цвета | HEX | RGB |
---|---|---|
Lavender | #E6E6FA | rgb(230, 230, 250) |
Thistle | #D8BFD8 | rgb(216, 191, 216) |
Plum | #DDA0DD | rgb(221, 160, 221) |
Violet | #EE82EE | rgb(238, 130, 238) |
Orchid | #DA70D6 | rgb(218, 112, 214) |
Fuchsia(Magenta) | #FF00FF | rgb(255, 0, 255) |
MediumOrchid | #BA55D3 | rgb(186, 85, 211) |
MediumPurple | #9370DB | rgb(147, 112, 219) |
BlueViolet | #8A2BE2 | rgb(138, 43, 226) |
DarkViolet | #9400D3 | rgb(148, 0, 211) |
DarkOrchid | #9932CC | rgb(153, 50, 204) |
DarkMagenta | #8B008B | rgb(139, 0, 139) |
Purple | #800080 | rgb(128, 0, 128) |
Indigo | #4B0082 | rgb(75, 0, 130) |
SlateBlue | #6A5ACD | rgb(106, 90, 205) |
DarkSlateBlue | #483D8B | rgb(72, 61, 139) |
Имя цвета | HEX | RGB |
---|---|---|
Cornsilk | #FFF8DC | rgb(255, 248, 220) |
BlanchedAlmond | #FFEBCD | rgb(255, 235, 205) |
Bisque | #FFE4C4 | rgb(255, 228, 196) |
NavajoWhite | #FFDEAD | rgb(255, 222, 173) |
Wheat | #F5DEB3 | rgb(245, 222, 179) |
BurlyWood | #DEB887 | rgb(222, 184, 135) |
Tan | #D2B48C | rgb(210, 180, 140) |
RosyBrown | #BC8F8F | rgb(188, 143, 143) |
SandyBrown | #F4A460 | rgb(244, 164, 96) |
Goldenrod | #DAA520 | rgb(218, 165, 32) |
DarkGoldenrod | #B8860B | rgb(184, 134, 11) |
Peru | #CD853F | rgb(205, 133, 63) |
Chocolate | #D2691E | rgb(210, 105, 30) |
SaddleBrown | #8B4513 | rgb(139, 69, 19) |
Sienna | #A0522D | rgb(160, 82, 45) |
Brown | #A52A2A | rgb(165, 42, 42) |
Maroon | #800000 | rgb(128, 0, 0) |
Имя цвета | HEX | RGB |
---|---|---|
Aqua(Cyan) | #00FFFF | rgb(0, 255, 255) |
LightCyan | #E0FFFF | rgb(224, 255, 255) |
PaleTurquoise | #AFEEEE | rgb(175, 238, 238) |
Aquamarine | #7FFFD4 | rgb(127, 255, 212) |
Turquoise | #40E0D0 | rgb(64, 224, 208) |
MediumTurquoise | #48D1CC | rgb(72, 209, 204) |
DarkTurquoise | #00CED1 | rgb(0, 206, 209) |
CadetBlue | #5F9EA0 | rgb(95, 158, 160) |
SteelBlue | #4682B4 | rgb(70, 130, 180) |
LightSteelBlue | #B0C4DE | rgb(176, 196, 222) |
PowderBlue | #B0E0E6 | rgb(176, 224, 230) |
LightBlue | #ADD8E6 | rgb(173, 216, 230) |
SkyBlue | #87CEEB | rgb(135, 206, 235) |
LightSkyBlue | #87CEFA | rgb(135, 206, 250) |
DeepSkyBlue | #00BFFF | rgb(0, 191, 255) |
DodgerBlue | #1E90FF | rgb(30, 144, 255) |
CornflowerBlue | #6495ED | rgb(100, 149, 237) |
MediumSlateBlue | #7B68EE | rgb(123, 104, 238) |
RoyalBlue | #4169E1 | rgb(65, 105, 225) |
Blue | #0000FF | rgb(0, 0, 255) |
MediumBlue | #0000CD | rgb(0, 0, 205) |
DarkBlue | #00008B | rgb(0, 0, 139) |
Navy | #000080 | rgb(0, 0, 128) |
MidnightBlue | #191970 | rgb(25, 25, 112) |
Имя цвета | HEX | RGB |
---|---|---|
GreenYellow | #ADFF2F | rgb(173, 255, 47) |
Chartreuse | #7FFF00 | rgb(127, 255, 0) |
LawnGreen | #7CFC00 | rgb(124, 252, 0) |
Lime | #00FF00 | rgb(0, 255, 0) |
LimeGreen | #32CD32 | rgb(50, 205, 50) |
PaleGreen | #98FB98 | rgb(152, 251, 152) |
LightGreen | #90EE90 | rgb(144, 238, 144) |
MediumSpringGreen | #00FA9A | rgb(0, 250, 154) |
SpringGreen | #00FF7F | rgb(0, 255, 127) |
MediumSeaGreen | #3CB371 | rgb(60, 179, 113) |
SeaGreen | #2E8B57 | rgb(46, 139, 87) |
ForestGreen | #228B22 | rgb(34, 139, 34) |
Green | #008000 | rgb(0, 128, 0) |
DarkGreen | #006400 | rgb(0, 100, 0) |
YellowGreen | #9ACD32 | rgb(154, 205, 50) |
OliveDrab | #6B8E23 | rgb(107, 142, 35) |
Olive | #808000 | rgb(128, 128, 0) |
DarkOliveGreen | #556B2F | rgb(85, 107, 47) |
MediumAquamarine | #66CDAA | rgb(102, 205, 170) |
DarkSeaGreen | #8FBC8F | rgb(143, 188, 143) |
LightSeaGreen | #20B2AA | rgb(32, 178, 170) |
DarkCyan | #008B8B | rgb(0, 139, 139) |
Teal | #008080 | rgb(0, 128, 128) |
Имя цвета | HEX | RGB |
---|---|---|
White | #FFFFFF | rgb(255, 255, 255) |
Snow | #FFFAFA | rgb(255, 250, 250) |
Honeydew | #F0FFF0 | rgb(240, 255, 240) |
MintCream | #F5FFFA | rgb(245, 255, 250) |
Azure | #F0FFFF | rgb(240, 255, 255) |
AliceBlue | #F0F8FF | rgb(240, 248, 255) |
GhostWhite | #F8F8FF | rgb(248, 248, 255) |
WhiteSmoke | #F5F5F5 | rgb(245, 245, 245) |
Seashell | #FFF5EE | rgb(255, 245, 238) |
Beige | #F5F5DC | rgb(245, 245, 220) |
OldLace | #FDF5E6 | rgb(253, 245, 230) |
FloralWhite | #FFFAF0 | rgb(255, 250, 240) |
Ivory | #FFFFF0 | rgb(255, 255, 240) |
AntiqueWhite | #FAEBD7 | rgb(250, 235, 215) |
Linen | #FAF0E6 | rgb(250, 240, 230) |
LavenderBlush | #FFF0F5 | rgb(255, 240, 245) |
MistyRose | #FFE4E1 | rgb(255, 228, 225) |
Имя цвета | HEX | RGB |
---|---|---|
Gainsboro | #DCDCDC | (220, 220, 220) |
LightGray | #D3D3D3 | rgb(211, 211, 211) |
Silver | #C0C0C0 | rgb(192, 192, 192) |
DarkGray | #A9A9A9 | rgb(169, 169, 169) |
Gray | #808080 | rgb(128, 128, 128) |
DimGray | #696969 | rgb(105, 105, 105) |
LightSlateGray | #778899 | rgb(119, 136, 153) |
SlateGray | #708090 | rgb(112, 128, 144) |
DarkSlateGray | #2F4F4F | rgb(47, 79, 79) |
Black | #000000 | rgb(0, 0, 0) |
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 |
Коричневые тона: | ||
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 | 128, 0, 0 |
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 |
HTML Имя Цвета | HEX | RGB |
---|---|---|
Зелёные тона: | ||
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 |
Синие тона: | ||
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 |
Онлайн таблица цветов переводит выбранный вами цвет в RGB код (для создания цвета в графическом редакторе) и HEX код (для обозначения цвета в HTML)
Для удобства пользования в таблице на выбор имеется несколько цветовых палитр в том числе и палитра «безопасных» цветов которая обеспечивает правильную передачу цвета на разных типах мониторов, компьютеров и браузеров. Также приводится таблица основных цветов, их названия и коды.
Если необходимо смешать цвета, воспользуйтесь инструментом смешивания цветов, для конвертации цвета — конвертер цветов
HTML Цвета
В HTML цвет можно задавать тремя способами:
Задание цвета в HTML по его названию
Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:
<p style="color: red;">Цвет текста – красный</p>
Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):
Цвет | Название | Цвет | Название | Цвет | Название | Цвет | Название |
---|---|---|---|---|---|---|---|
Black | Gray | Silver | White | ||||
Yellow | Lime | Aqua | Fuchsia | ||||
Red | Green | Blue | Purple | ||||
Maroon | Olive | Navy | Teal |
Пример использования различных цветовых названий:
Пример: задание цвета по его названию
При отображении различных цветов на мониторе за основу берется RGB-палитра. Любой цвет получают, смешивая три основных: R — красный (red), G — зеленый (green), В — синий (blue). Яркость каждого цвета задается одним байтом и, следовательно, может принимать значения от 0 до 255.
Например, RGB (255,0,0) отображается как красный, так как красный устанавливается в его самое высокое значение (255), а остальные установлены в 0. Также можно задавать цвет в процентном отношении. Каждый из параметров обозначает уровень яркости соответствующего цвета. Например: значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) будут задавать одинаковый зеленый цвет средней насыщенности:
Пример: Задание цвета с помощью RGB
Задание цвета по шестнадцатеричному значению
Значения RGB также могут быть указаны с помощью шестнадцатеричных (HEX) значений цвета в форме: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными значениями от 00 до FF (так же, как десятичное 0-255). Шестнадцатеричная система, в отличие десятичной системы, базируется, как следует из ее названия, на числе 16. Шестнадцатеричная система использует следующие знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Здесь цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе представляют из себя объединением двух знаков в одно значение. Например, наибольшему числу 255 в десятичной системе соответствует самое высокое значение FF в шестнадцатеричной системе. В отличие десятичной системы, перед шестнадцатеричным числом ставят символ решетки #, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00). Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.
Пример: Цвет HEX
- Результат
- HTML-код
- Попробуй сам »
красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, HEX и RGB):
Английское название | Русское название | Образец | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Амарантовый | #E52B50 | 229 | 43 | 80 | |
Amber | Янтарный | #FFBF00 | 255 | 191 | 0 | |
Aqua | Сине-зеленый | #00FFFF | 0 | 255 | 255 | |
Azure | Лазурный | #007FFF | 0 | 127 | 255 | |
Black | Черный | #000000 | 0 | 0 | 0 | |
Blue | Синий | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Вода пляжа Бонди | #0095B6 | 0 | 149 | 182 | |
Brass | Латунный | #B5A642 | 181 | 166 | 66 | |
Brown | Коричневый | #964B00 | 150 | 75 | 0 | |
Cerulean | Лазурный | #007BA7 | 0 | 123 | 167 | |
Dark spring green | Тёмный весенне-зелёный | #177245 | 23 | 114 | 69 | |
Emerald | Изумрудный | #50C878 | 80 | 200 | 120 | |
Eggplant | Баклажановый | #990066 | 153 | 0 | 102 | |
Fuchsia | Фуксия | #FF00FF | 255 | 0 | 255 | |
Gold | Золотой | #FFD700 | 250 | 215 | 0 | |
Gray | Серый | #808080 | 128 | 128 | 128 | |
Green | Зелёный | #00FF00 | 0 | 255 | 0 | |
Indigo | Индиго | #4B0082 | 75 | 0 | 130 | |
Jade | Нефритовый | #00A86B | 0 | 168 | 107 | |
Lime | Лайм | #CCFF00 | 204 | 255 | 0 | |
Malachite | Малахитовый | #0BDA51 | 11 | 218 | 81 | |
Navy | Тёмно-синий | #000080 | 0 | 0 | 128 | |
Ochre | Охра | #CC7722 | 204 | 119 | 34 | |
Olive | Оливковый | #808000 | 128 | 128 | 0 | |
Orange | Оранжевый | #FFA500 | 255 | 165 | 0 | |
Peach | Персиковый | #FFE5B4 | 255 | 229 | 180 | |
Pumpkin | Тыква | #FF7518 | 255 | 117 | 24 | |
Purple | Фиолетовый | #800080 | 128 | 0 | 128 | |
Red | Красный | #FF0000 | 255 | 0 | 0 | |
Saffron | Шафрановый | #F4C430 | 244 | 196 | 48 | |
Sea Green | Зелёное море | #2E8B57 | 46 | 139 | 87 | |
Swamp green | Болотный | #ACB78E | 172 | 183 | 142 | |
Teal | Сине-зелёный | #008080 | 0 | 128 | 128 | |
Ultramarine | Ультрамариновый | #120A8F | 18 | 10 | 143 | |
Violet | Фиолетовый | #8B00FF | 139 | 0 | 255 | |
Yellow | Жёлтый | #FFFF00 | 255 | 255 | 0 |
Коды цветов (фон) по насыщенности и оттенку: HTML Таблица цветов
Задачи
-
Задание цвета по его названию
Установите для заголовка второго уровня фон красного цвета, используя в качестве значения название цвета на английском языке.
Задача HTML:
Реши сам »
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Задание цвета по его названию</title> </head> <body> <h2>Заголовок второго уровня</h2> </body> </html>
-
Цвет HEX
Поменяйте цвет текста в параграфе на зеленый, используя шестнадцатеричное (HEX) значение цвета.
Задача HTML:
Реши сам »
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Цвет HEX</title> </head> <body> <p>Это параграф</p> </body> </html>