Цвет является отличным инструментом для выделения вашей вики, а также помогает лучше соответствовать теме вашей вики.
- 1 Шаг за шагом
- 2 Названия цветов в HTML
- 3 Флюоресцентные цвета
- 4 X11
- 5 См. также
Шаг за шагом [ ]
Цвет может быть добавлен на вашу вики в любых местах. Вы можете добавить уникальный цвет в статью, настроить внешний вид или добавлять цвет в шаблоны вашей вики. При подборе цвета учитывайте соотношение контраста между цветом фона и цветом текста, используя, например, сервис Contrast Ratio.
Наиболее распространённым способом определения цвета является использование его имени или шестнадцатеричного кода. Чтобы использовать определённый цвет, напишите его название (англоязычное) или шестнадцатеричный код. Если вы хотите добавить цвет кнопки в статье, скопируйте шестнадцатеричный код этого цвета и добавьте его в поле ввода во вкладке Конструктора тем.
Существуют два основных вида цветов: HTML и X11.
Как изменить цвет в вк
Названия цветов в HTML [ ]
HTML 4.01 определяет шестнадцать названий цветов. Это выглядит следующим образом (имена определены в данном контексте без учета регистра; таблицы в алфавитном порядке):
| aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
| black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
| blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
| fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
Все эти 16 цветов были также указаны как SRGB и включены в HTML 3.0
Флюоресцентные цвета [ ]
| Rainshower | #C9FFE5 | Screamin’ Green | #66FF66 | Blizzard Blue | #A3E3ED |
| Purple Pizzazz | #FE4EDA | Psychedelic Purple | #FA00FF | Electric Violet | #8B00FF |
| Harlequin | #3FFF00 | Sunglow | #FFCC33 | Dodger Blue | #1E90FF |
| Bubbles | #E7FEFF | Electric Lime | #CCFF00 | Electric Lime (Crayola) | #CEFF1D |
| Razzle Dazzle Rose | #FF33CC | Snowy Mint | #D6FFDB | Electric Purple | #BF00FF |
| Flamingo Pink | #FF66FF | Hot Magenta | #FC05CA | Infra Red | #FF496C |
| Laser Lemon (Crayola) | #FEFE22 | Neon Carrot | #FFA343 | Laser Lemon | #FFFF66 |
| Chartreuse Yellow | #DFFF00 | Phlox | #DF00FF | Shocking Pink (Crayola) | #FF6FFF |
| Veronica | #A020F0 |
X11 [ ]
Кроме того, количество цветов определяется веб-браузерами. Особые браузеры могут не признавать все эти цвета, но с 2005 года все современные браузеры поддерживают полный список. Список «цветов X11» из спецификации CSS3, а также их шестнадцатеричные и десятичные эквиваленты, будет показан ниже.
Почему не меняется цвет индикатора в Вк? Что такое индикатор уведомлений ВКонтакте?
См. также [ ]
Источник: community.fandom.com
Таблица цветов 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.
Введите код цвета: GO
Список цветов с названиями
В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения.
| 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 |
Источник: puzzleweb.ru
Цвет
Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA.
По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно.
Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трёх цветов — красный, зелёный и синий — может принимать значения от 00 до FF.
Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зелёную, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.
По названию
Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.
| white | #ffffff или #fff | rgb(255,255,255) | hsl(0,0%,100%) | Белый |
| silver | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Серый |
| gray | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Тёмно-серый |
| black | #000000 или #000 | rgb(0,0,0) | hsl(0,0%,0%) | Черный |
| maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Тёмно-красный |
| red | #ff0000 или #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Красный |
| orange | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Оранжевый |
| yellow | #ffff00 или #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Желтый |
| olive | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Оливковый |
| lime | #00ff00 или #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Светло-зелёный |
| green | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Зелёный |
| aqua | #00ffff или #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Голубой |
| blue | #0000ff или #00f | rgb(0,0,255) | hsl(240,100%,50%) | Синий |
| navy | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Тёмно-синий |
| teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Сине-зелёный |
| fuchsia | #ff00ff или #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Розовый |
| purple | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Фиолетовый |
С помощью RGB
Можно определить цвет, используя значения красной, зелёной и синей составляющей в десятичном исчислении. Каждая из трёх компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).
RGBA
Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
HSL
Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.
Рис. 1. Цветовой круг
Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.
Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.
HSLA
Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
Пример
Цвета body < background-color: #F9F2E3; >h2 < background-color: rgb(214,86,43); color: rgba(255,255,255,.9); padding: 10px; >p < color: green; >div
Предупреждение
Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!
Арррргх!
Результат данного примера показан на рис. 2.
Рис. 2. Цвета на веб-странице
Спецификация
| CSS Color Module Level 4 | Редакторский черновик |
| CSS Color Module Level 3 | Рекомендация |
| CSS Level 2 (Revision 1) | Рекомендация |
| CSS Level 1 | Рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
| #RRGGBB | #RGB | 3 | 12 | 1 | 3.5 | 1 | 1 |
| Названия | 3 | 12 | 1 | 3.5 | 1 | 1 |
| rgb() | 4 | 12 | 1 | 3.5 | 1 | 1 |
| hsl() | 9 | 12 | 1 | 9.5 | 3.1 | 1 |
| rgba() | 9 | 12 | 1 | 10 | 3.1 | 3 |
| hsla() | 9 | 12 | 1 | 10 | 3.1 | 3 |
| #RRGGBB | #RGB | 1 | 1 | 1 | 1 |
| Названия | 1 | 1 | 1 | 1 |
| rgb() | 1 | 1 | 1 | 1 |
| hsl() | 1 | 1 | 10 | 4 |
| rgba() | 4 | 4 | 10 | 4 |
| hsla() | 4 | 4 | 10 | 4 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
Источник: webref.ru