Цветовые коды CSS
Для всех однотипных элементов. Поместите код в тег
пример
Установка красного цвета текста абзаца:
Установка цвета определенного абзаца:
Установка цвета всех абзацев
Установка цвета фона элемента
пример
Установка красного цвета фона абзаца:
Установка цвета фона определенного абзаца:
Установка цвета фона всех абзацев:
Установка цвета границы элемента
element < border-color: topcode rightcode bottomcode leftcode >
пример
Установка красного, зеленого, синего и черного цвета границы абзаца:
Установка цвета границы конкретного абзаца:
Установка цвета границы всех абзацев:
Красные цвета
цвет | Имя цвета 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) |
---|---|---|---|
светло-желтого | # FFFFE0 | rgb (255 255 224) | |
лимонный шифон | #FFFACD | rgb (255 250 205) | |
светзолото-желтый | # FAFAD2 | RGB (250,250,210) | |
папайавип | # FFEFD5 | rgb (255 239 213) | |
мокасины | # FFE4B5 | rgb (255 228 181) | |
персиковый | # FFDAB9 | rgb (255 218 185) | |
Palegoldenrod | # 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) | |
палитра бирюза | #AFEEEE | 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) | |
Darkorchid | # 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) | |
цветочный белый | # FFFAF0 | rgb (255,250,240) | |
слоновая кость | # FFFFF0 | 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) |
---|---|---|---|
Gainsboro | #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) | |
Burlywood | # 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
Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.
- Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
- RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
- HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
- Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
- Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
- Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.
Список цветов с названиями
В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения.
Название цвета HEX Цвет Black #000000 Navy #000080 DarkBlue #00008B MediumBlue #0000CD Blue #0000FF DarkGreen #006400 Green #008000 Teal #008080 DarkCyan #008B8B DeepSkyBlue #00BFFF DarkTurquoise #00CED1 MediumSpringGreen #00FA9A Lime #00FF00 SpringGreen #00FF7F Aqua #00FFFF Cyan #00FFFF MidnightBlue #191970 DodgerBlue #1E90FF LightSeaGreen #20B2AA ForestGreen #228B22 SeaGreen #2E8B57 DarkSlateGray #2F4F4F LimeGreen #32CD32 MediumSeaGreen #3CB371 Turquoise #40E0D0 RoyalBlue #4169E1 SteelBlue #4682B4 DarkSlateBlue #483D8B MediumTurquoise #48D1CC Indigo #4B0082 DarkOliveGreen #556B2F CadetBlue #5F9EA0 CornflowerBlue #6495ED MediumAquaMarine #66CDAA DimGray #696969 SlateBlue #6A5ACD OliveDrab #6B8E23 SlateGray #708090 LightSlateGray #778899 MediumSlateBlue #7B68EE LawnGreen #7CFC00 Chartreuse #7FFF00 Aquamarine #7FFFD4 Maroon #800000 Purple #800080 Olive #808000 Gray #808080 SkyBlue #87CEEB LightSkyBlue #87CEFA BlueViolet #8A2BE2 DarkRed #8B0000 DarkMagenta #8B008B SaddleBrown #8B4513 DarkSeaGreen #8FBC8F LightGreen #90EE90 MediumPurple #9370D8 DarkViolet #9400D3 PaleGreen #98FB98 DarkOrchid #9932CC YellowGreen #9ACD32 Sienna #A0522D Brown #A52A2A DarkGray #A9A9A9 LightBlue #ADD8E6 GreenYellow #ADFF2F PaleTurquoise #AFEEEE LightSteelBlue #B0C4DE PowderBlue #B0E0E6 FireBrick #B22222 DarkGoldenRod #B8860B MediumOrchid #BA55D3 RosyBrown #BC8F8F DarkKhaki #BDB76B Silver #C0C0C0 MediumVioletRed #C71585 IndianRed #CD5C5C Peru #CD853F Chocolate #D2691E Tan #D2B48C LightGray #D3D3D3 PaleVioletRed #D87093 Thistle #D8BFD8 Orchid #DA70D6 GoldenRod #DAA520 Crimson #DC143C Gainsboro #DCDCDC Plum #DDA0DD BurlyWood #DEB887 LightCyan #E0FFFF Lavender #E6E6FA DarkSalmon #E9967A Violet #EE82EE PaleGoldenRod #EEE8AA LightCoral #F08080 Khaki #F0E68C AliceBlue #F0F8FF HoneyDew #F0FFF0 Azure #F0FFFF SandyBrown #F4A460 Wheat #F5DEB3 Beige #F5F5DC WhiteSmoke #F5F5F5 MintCream #F5FFFA GhostWhite #F8F8FF Salmon #FA8072 AntiqueWhite #FAEBD7 Linen #FAF0E6 LightGoldenRodYellow #FAFAD2 OldLace #FDF5E6 Red #FF0000 Fuchsia #FF00FF Magenta #FF00FF DeepPink #FF1493 OrangeRed #FF4500 Tomato #FF6347 HotPink #FF69B4 Coral #FF7F50 Darkorange #FF8C00 LightSalmon #FFA07A Orange #FFA500 LightPink #FFB6C1 Pink #FFC0CB Gold #FFD700 PeachPuff #FFDAB9 NavajoWhite #FFDEAD Moccasin #FFE4B5 Bisque #FFE4C4 MistyRose #FFE4E1 BlanchedAlmond #FFEBCD PapayaWhip #FFEFD5 LavenderBlush #FFF0F5 SeaShell #FFF5EE Cornsilk #FFF8DC LemonChiffon #FFFACD FloralWhite #FFFAF0 Snow #FFFAFA Yellow #FFFF00 LightYellow #FFFFE0 Ivory #FFFFF0 White #FFFFFF Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru