Сделать цвет html rgb. Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA
Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в Minecraft. Цветовые коды от &0-9 – до &a-f. Добавьте их перед вашим текстом. Сообщения от игроков могут содержать цветовые коды, которые позволяют добавлять краски в ваши предложения.
Цвета и коды форматирования
Знак амперсанта (&), за которым идёт шестнадцатеричное число в сообщения даёт сигнал клиенту для переключения цвета при отображении текста. Кроме того, текст может быть отформатирован с помощью символа & , за которым следует буква. Вы можете добавлять различные цвета в книги, командные блоки, имя сервера, описание сервера (motd ), в название миров, в таблички и даже в имена игроков.
Очень легко отформатировать ваш текст в конфигах или в игре, используя таблицу цветов ниже. &r используется для сброса всех кодов, т.е. &mААА&rБББ будет отображаться как ААА БББ.
Таблица цветовых кодов
| Код | Название | Тех.название | Цвет символа | Цвет тени символа | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | Hex | R | G | B | Hex | |||
| &0 | Черный | black | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Тёмно-синий | dark_blue | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Тёмно-зелёный | dark_green | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Тёмно-сине-зелёный | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
| &4 | Тёмно-красный | dark_red | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Тёмно-фиолетовый | dark_purple | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Золотой | gold | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Серый | gray | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Тёмно-серый | dark_gray | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Голубой | blue | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &a | Зелёный | green | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Сине-зелёный | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Красный | red | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Светло-фиолетовый | light_purple | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Жёлтый | yellow | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Белый | white | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Таблица кодов форматирования
Иногда бывает нужно подчеркнуть, зачеркнуть, выделить какой-либо текст . Для этого используется форматирование текста. Используется точно так же как и цвета(перед текстом ставим код , например &lMinecraft = Minecraft.
| Код | Название |
|---|---|
| &k | Магический текст (&kТекст) |
| &l | Жирный текст
(&lТекст) |
| &m | Зачеркнутый текст (&mТекст) |
| &n | Подчеркнутый текст
(&uТекст) |
| &o | Курсивный текст
(&iТекст) |
| &r | Текст без форматирования (&rТекст) |
>>Управление цветом
Шестнадцатеричные значения цвета RGB
Способы описания и обработки цвета отличаются друг от друга тем, для какого конечного представления предназначаются. Сравним, например, представления цветов для полиграфии и для мониторов компьютеров. В первом случае за основу берется белый цвет бумаги, на которую в последствии наносятся три основные цвета: голубой , пурпурный и желтый . Смешиваясь между собой и с белым цветом бумаги в разных пропорциях, эти три основные цвета дают различные цветовые оттенки, кроме чистого черного, либо при полном отсутствии красок дают белый цвет бумаги. Если к ним добавить еще и черный цвет, то получим CMYK -способ передачи цвета, когда необходимый цвет получается путем вычитания из белого недостающих цветов.
Во втором же случае за основу принимается черный
цвет экрана монитора, каждая ячейка которого, светится одним из трех цветов: red
-красный, green
-зеленый и blue
-синий. Тогда при полном отсутствии какого-либо свечения мы получаем чистый черный цвет экрана, а любой из требуемых цветов задается соотношением каждого из трех цветов. В этом случае мы
получим RGB
-способ передачи цвета. Основные цвета могут иметь значения от 0
до 255
, или от 0%
до 100%
, либо могут быть представлены в виде шестнадцатеричного значения. На рисунке ниже можно увидеть результаты смешения основных цветов.
Шестнадцатеричная система счисления, в отличии от десятичной в своём ряду цифр имеет не десять знаков, а шестнадцать - отсюда и название. Соответственно не повторяющихся вариантов сочетаний из двух цифр может быть только - 256 , для продолжения ряда цифр после 9 используются буквы от A до F , следовательно, ряд будет выглядеть так -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
В этом случае цвет задается тремя шестнадцатеричными числами, каждое из которых состоит из двух цифр. Первое число определяет интенсивность красного цвета, среднее- зеленого , последнее- синего цвета. Все числа могут принимать значения в диапазоне от 00 до FF (от 0 до 255). Например: зеленый цвет задается как #00FF00 , красный - как #FF0000 , синий - как #0000FF , белый - как #FFFFFF , полное отсутствие цвета или черный задается как #000000 .
В расположенной ниже форме Вы сможете задать любые шестнадцатеричные значения каждого из трех цветов и посмотреть результат их смешения, кликнув в поле вывода.
Примеры некоторых шестнадцатеричных значений цветов RGB: градации красного, синего и зеленого цветов.
| вид | код | вид | код | вид | код | вид | код | вид | код | вид | код |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Задание цвета при помощи строчных литералов
Для удобства пользования некоторым цветам и их сочетаниям были присвоены имена, которые распознаются всеми браузерами и появилась возможность задавать многие из них по имени. В таблице ниже приведены некоторые из названий цветов:
| вид | имя | вид | имя | вид | имя | вид | имя |
| White | Red | Orange | Yellow | ||||
| Green | Blue | Purple | Black | ||||
| Aliceblue | Antiquewhite | Aqua | Aquamarine | ||||
| Azure | Beige | Bisque | Blanchedalmond | ||||
| Blueviolet | Brown | Burlywood | Cadetblue | ||||
| Chartreuse | Chocolate | Coral | Cornflowerblue | ||||
| Cornsilk | Crimson | Cyan | Darkblue | ||||
| Darkcyan | Darkgoldenrod | Darkgray | Darkgreen | ||||
| Darkkhaki | Darkmagenta | Darkolivegreen | Darkorange | ||||
| Darkorchid | Darkred | Darksalmon | Darkseagreen | ||||
| Darkslateblue | Darkslategray | Darkturquoise | Darkviolet | ||||
| Deeppink | Deepskyblue | Dimgray | Dodgerblue | ||||
| Firebrick | Floralwhite | Forestgreen | Fuschia | ||||
| Gainsboro | Ghostwhite | Gold | Goldenrod | ||||
| Gray | Greenyellow | Honeydew | Hotpink | ||||
| Indianred | Indigo | Ivory | Khaki | ||||
| Lavender | Lavenderblush | Lemonchiffon | Lightblue | ||||
| Lightcoral | Lightcyan | Lightcoldenrodyellow | Lightgreen | ||||
| Lightgray | Lightpink | Lightsalmon | Lightseagreen | ||||
| Lightskyblue | Lightslategray | Lightsteelblue | Lightyellow | ||||
| Lime | Limegreen | Linen | Magenta | ||||
| Maroon | Mediumaquamarine | Mediumblue | Mediumorchid | ||||
| Mediumpurple | Mediumseagreen | Mediumslateblue | Mediumspringgreen | ||||
| Mediumturquoise | Mediumvioletred | Midnightblue | Mintcream | ||||
| Mistyrose | Navajowhite | Navy | Oldlace | ||||
| Olive | Olivedrab | Orangered | Orchid | ||||
| Palegoldenrod | Palegreen | Paleturquoise | Palevioletred | ||||
| Papayawhip | Peachpuff | Peru | Pink | ||||
| Plum | Powderblue | Rosybrown | Royalblue | ||||
| Saddlebrown | Seagreen | Seashell | Sienna | ||||
| Silver | Skyblue | Slateblue | Slategray | ||||
| Snow | Springgreen | Steelblue | Tan | ||||
| Teal | Thistle | Tomato | Turquoise | ||||
| Violet | Wheat | Whitesmoke | Yellowgreen |
Использование безопасной палитры цветов
К сожалению, на разных платформах, с разными системными настройками, правильная передача цвета является проблемой. Все дело в том, что браузер всегда старается подстроить цветовую палитру документа под системные настройки и возможности монитора, путем самостоятельного смешивания цветов и их замещения. Как результат - иногда пользователь видит не совсем то, что хотел ему показать web-мастер. Выход из этой ситуации был найден в применении палитры, каждый цвет которой гарантированно передается одинаково всеми браузерами на разных платформах. Это так называемая гарантированная палитра, еще ее называют безопасной палитрой. В эту палитру входят цвета, цветовые составляющие которых, принимают следующие значения:00 ,33 ,66 ,99 , CC ,FF , во всех возможных 216 их сочетаниях.
| вид | код | вид | код | вид | код | вид | код | вид | код | вид | код |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Как известно, цвет может влиять на состояние человека: как психическое, так и физическое. Каждый день, просматривая сайты в интернете, глаза оценивают миллионы цветов и оттенков. Веб-дизайнер, который ознакомлен с психологией цвета, может управлять настроением посетителя для достижения каких-либо целей.
Это обусловлено тем, что некоторые оттенки успокаивают, а некоторые наоборот – возбуждают. Далее речь пойдет о том, как синтезируется и отображается цвет с помощью компьютерной техники.
RGB – это цветовая модель, представляющая метод получения всех цветов и их оттенков путем смешивания в различных пропорциях трех главных компонентов, которыми являются:
- красный цвет (Red );
- зеленый цвет (Green );
- синий цвет (Blue ).
Отсюда и происходит сокращенное название RGB . Данные цвета неспроста выбраны основными: причиной является физиология сетчатки человеческого глаза, и то, как она воспринимает их:
RGB -модель на сегодняшний день остается самой популярной и применяется для воспроизведения цветов на экранах телевизоров и компьютерных мониторах. Так как производители наделяют свои изделия различными характеристиками, в 1996 была создана единая система синтеза цветов на основе RGB под названием sRGB , над которой совместно потрудились компании Microsoft и HP .
Числовое представление цвета
Как уже было сказано ранее, RGB цвета формируются путем смешивания основных. Для описания интенсивности каждого из них приняли схему, в которой цвет представляется диапазоном 0-255 (8 бит ), что в шестнадцатеричной системе исчисления соответствует 00-FF .
То есть, основные цвета будут иметь следующий вид:
- Красный – RGB (255,0,0 );
- Зеленый – RGB (0,255,0 );
- Синий – RGB (0,0,255 );
Если же интенсивность цвета принимает значения меньше 255, то получаются различные оттенки красного, зеленого и синего. Далее приведена таблица их градации, а также представлены шестнадцатеричные значения каждого из оттенков:
Таблицы цветов RGB
Естественно, что кроме градаций основных цветов, существуют смешанные, и их количество довольно велико. Поэтому была создана таблица RGB -цветов, в которой представлены все существующие оттенки, а также приведены их названия и числовые представления (в десятичной и шестнадцатеричной форме ).
Ознакомиться с ней можно здесь . Данная таблица здорово облегчает жизнь веб-дизайнерам, так как за несколько секунд можно найти необходимый оттенок и узнать его числовое представление.
Безопасная палитра RGB цветов
Однако в какой-то момент существовала проблема отображения цветов в различных браузерах, и для ее решения была скомпонована так называемая «безопасная » палитра RGB цветов, которые были выведены математическими вычислениями.
Когда браузер не может корректно отобразить цвет, он делает попытки получить близкий к необходимому путем смешивания соседних цветов, и скорее всего результат будет совершенно неприемлем:
Используя коды цветов RGB из данной палитры, веб-разработчик может не бояться за отображение цветов на страницах своего сайта при просмотре с помощью различных браузеров, на различных платформах и мониторах. Хотя на данный момент таблица безопасных цветов теряет свою актуальность (технический прогресс все же не стоит на месте ), при ее использовании можно, что называется, спать спокойно.
Золотой цвет в RGB модели
Впервые слово «золотой», было использовано в начале XIV века для описания цвета химического элемента под названием Aurum – золото. В модели RGB золотой цвет представлен следующими числовыми значениями:
- RGB (255, 215, 0 ) – десятеричная система;
- HEX #FFD700 – шестнадцатеричная система.
Бежевый цвет в RGB модели
Бежевый цвет занимает довольно значимое место в истории, пусть он и не самый выразительный. Многие памятники культуры, особенно античные скульптуры, были изготовлены из стеатита и мыльного камня, обладающих бежевым оттенком. В модели RGB бежевый цвет имеет следующие числовые представления.
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 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.
По названию
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.
| Имя | Цвет | Код | 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
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.
HSL
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° - зелёному, а 240° - синему. Значение оттенка может изменяться от 0 до 359.
Рис. 1. Цветовой круг
Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.
Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Предупреждение
Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!
Результат данного примера показан на рис. 2.
Рис. 2. Цвета на веб-странице
Для html страниц цвета обозначаются в основном в шестнадцатеричной системе. Для этого используют два вида записи кода - полную или сокращенную. Чтобы правильно указать html цвет полной записью необходимо прописать шесть знаков (цифры и/или английские буквы) после решетки, например, черный записывается так: #000000. Сокращенная запись указания html цветов состоит из решетки и трех цифр и/или букв за ней. При этом данный вид запаси можно использовать только в том случае, если полная запись данного цвета состоит одинаковых символов после решетки. Например, этот же черный цвет можно записать так: #000. Указывать html цвета можно как большими, так и маленькими символами, так как они не чувствительны к регистру.
Каждый символ, записанный после "#" соответствует определенной доли красного, зеленого и синего цветов. В свою очередь все мониторы состоят из огромного количества пикселей (микроскопических точек), каждый из которых включает в себя по 3 так называемых "фонарика" (источника света): красны, зеленый и синий. Затем, регулируя интенсивность излучаемого света этими "фонариками", монитор отображает нужный нам цвет.
Сочетая интенсивность излучения красного, синего и зеленого света (от 0 для 256) мониторы могут отображать 16.000.000 различных оттенков.
Также цвета для сайтов могут указываться словесно или в RGB коде.
На сегодняшний день словесно можно прописать 147 цветов. При этом важно знать, что некоторые разные названия могут обозначать одинаковые цвета, например Gray и Grey - это серый цвет (#808080).
Безопасные цвета для сайтов.
Не каждый монитор и браузер может правильно отображать все 16 миллионов html цветов.
Если, например, попадается такой цвет, который браузер не может правильно отобразить, то:
- Браузер заменяет его на тот, который больше всего на него похож и может быть удачно воспроизведен;
- Для правильного отображения браузер может смешать несколько цветов и воспроизвести результат.
Чтобы гарантированно получить на выходе в любом браузере и на любом мониторе тот цвет, который Вы прописали в коде, рекомендуется использовать "Безопасные цвета". Они были определены не вручную или по чьему-то желанию, а математически. Таких на 100% безопасных цветов для html документов существует 216. И хотя сегодняшние технологии дошли до того, что современные мониторы и браузеры распознают миллионы оттенков, мы рекомендуем для гарантии цветопередачи использовать именно эти безопасные цвета.
| Шестнадцатеричная система цветов. | Коды цветов в RGB (Red, Green, Blue). |
| Код html цвета: #000000 | Цвет RGB: 0 0 0 |
| Код html цвета: #333333 | Цвет RGB: 51 51 51 |
| Код html цвета: #666666 | Цвет RGB: 102 102 102 |
| Код html цвета: #999999 | Цвет RGB: 153 153 153 |
| Код html цвета: #CCCCCC | Цвет RGB: 204 204 204 |
| Код html цвета: #FFFFFF | Цвет RGB: 255 255 255 |
| Код html цвета: #666600 | Цвет RGB: 102 102 0 |
| Код html цвета: #999900 | Цвет RGB: 153 153 0 |
| Код html цвета: #999933 | Цвет RGB: 153 153 51 |
| Код html цвета: #999966 | Цвет RGB: 153 153 102 |
| Код html цвета: #CCCC33 | Цвет RGB: 204 204 51 |
| Код html цвета: #CCCC66 | Цвет RGB: 204 204 102 |
| Код html цвета: #333300 | Цвет RGB: 51 51 0 |
| Код html цвета: #666633 | Цвет RGB: 102 102 51 |
| Код html цвета: #CCCC99 | Цвет RGB: 204 204 153 |
| Код html цвета: #CCFF33 | Цвет RGB: 204 255 51 |
| Код html цвета: #CCFF00 | Цвет RGB: 204 255 0 |
| Код html цвета: #CCFF66 | Цвет RGB: 204 255 102 |
| Код html цвета: #669900 | Цвет RGB: 102 153 0 |
| Код html цвета: #99CC33 | Цвет RGB: 153 204 51 |
| Код html цвета: #99CC00 | Цвет RGB: 153 204 0 |
| Код html цвета: #99CC66 | Цвет RGB: 153 204 102 |
| Код html цвета: #99FF33 | Цвет RGB: 153 255 51 |
| Код html цвета: #99FF00 | Цвет RGB: 153 255 0 |
| Код html цвета: #336600 | Цвет RGB: 51 102 0 |
| Код html цвета: #669933 | Цвет RGB: 102 153 51 |
| Код html цвета: #66CC33 | Цвет RGB: 102 204 51 |
| Код html цвета: #66CC00 | Цвет RGB: 102 204 0 |
| Код html цвета: #99FF66 | Цвет RGB: 153 255 102 |
| Код html цвета: #CCFF99 | Цвет RGB: 204 255 153 |
| Код html цвета: #009900 | Цвет RGB: 0 153 0 |
| Код html цвета: #339900 | Цвет RGB: 51 153 0 |
| Код html цвета: #33CC00 | Цвет RGB: 51 204 0 |
| Код html цвета: #33FF00 | Цвет RGB: 51 255 0 |
| Код html цвета: #66FF33 | Цвет RGB: 102 255 51 |
| Код html цвета: #66FF00 | Цвет RGB: 102 255 0 |
| Код html цвета: #00CC33 | Цвет RGB: 0 204 51 |
| Код html цвета: #33CC33 | Цвет RGB: 51 204 51 |
| Код html цвета: #00CC00 | Цвет RGB: 0 204 0 |
| Код html цвета: #00FF00 | Цвет RGB: 0 255 0 |
| Код html цвета: #00FF33 | Цвет RGB: 0 255 51 |
| Код html цвета: #33FF33 | Цвет RGB: 51 255 51 |
| Код html цвета: #003300 | Цвет RGB: 0 51 0 |
| Код html цвета: #336633 | Цвет RGB: 51 102 51 |
| Код html цвета: #669966 | Цвет RGB: 102 153 102 |
| Код html цвета: #66CC66 | Цвет RGB: 102 204 102 |
| Код html цвета: #99CC99 | Цвет RGB: 153 204 153 |
| Код html цвета: #CCFFCC | Цвет RGB: 204 255 204 |
| Код html цвета: #006600 | Цвет RGB: 0 102 0 |
| Код html цвета: #339933 | Цвет RGB: 51 153 51 |
| Код html цвета: #00FF66 | Цвет RGB: 0 255 102 |
| Код html цвета: #33FF66 | Цвет RGB: 51 255 102 |
| Код html цвета: #66FF66 | Цвет RGB: 102 255 102 |
| Код html цвета: #99FF99 | Цвет RGB: 153 255 153 |
| Код html цвета: #009933 | Цвет RGB: 0 153 51 |
| Код html цвета: #00CC66 | Цвет RGB: 0 204 102 |
| Код html цвета: #33CC66 | Цвет RGB: 51 204 102 |
| Код html цвета: #00FF99 | Цвет RGB: 0 255 153 |
| Код html цвета: #33FF99 | Цвет RGB: 51 255 153 |
| Код html цвета: #66FF99 | Цвет RGB: 102 255 153 |
| Код html цвета: #006633 | Цвет RGB: 0 102 51 |
| Код html цвета: #009966 | Цвет RGB: 0 153 102 |
| Код html цвета: #339966 | Цвет RGB: 51 153 102 |
| Код html цвета: #00CC99 | Цвет RGB: 0 204 153 |
| Код html цвета: #33CC99 | Цвет RGB: 51 204 153 |
| Код html цвета: #66CC99 | Цвет RGB: 102 204 153 |
| Код html цвета: #009999 | Цвет RGB: 0 153 153 |
| Код html цвета: #33CCCC | Цвет RGB: 51 204 204 |
| Код html цвета: #00FFCC | Цвет RGB: 0 255 204 |
| Код html цвета: #33FFCC | Цвет RGB: 51 255 204 |
| Код html цвета: #66FFCC | Цвет RGB: 102 255 204 |
| Код html цвета: #99FFCC | Цвет RGB: 153 255 204 |
| Код html цвета: #00CCCC | Цвет RGB: 0 204 204 |
| Код html цвета: #00FFFF | Цвет RGB: 0 255 255 |
| Код html цвета: #33FFFF | Цвет RGB: 51 255 255 |
| Код html цвета: #66FFFF | Цвет RGB: 102 255 255 |
| Код html цвета: #99FFFF | Цвет RGB: 153 255 255 |
| Код html цвета: #CCFFFF | Цвет RGB: 204 255 255 |
| Код html цвета: #336666 | Цвет RGB: 51 102 102 |
| Код html цвета: #006666 | Цвет RGB: 0 102 102 |
| Код html цвета: #669999 | Цвет RGB: 102 153 153 |
| Код html цвета: #339999 | Цвет RGB: 51 153 153 |
| Код html цвета: #66CCCC | Цвет RGB: 102 204 204 |
| Код html цвета: #99CCCC | Цвет RGB: 153 204 204 |
| Код html цвета: #003333 | Цвет RGB: 0 51 51 |
| Код html цвета: #0099CC | Цвет RGB: 0 153 204 |
| Код html цвета: #3399CC | Цвет RGB: 51 153 204 |
| Код html цвета: #00CCFF | Цвет RGB: 0 204 255 |
| Код html цвета: #33CCFF | Цвет RGB: 51 204 255 |
| Код html цвета: #66CCFF | Цвет RGB: 102 204 255 |
| Код html цвета: #006699 | Цвет RGB: 0 102 153 |
| Код html цвета: #336699 | Цвет RGB: 51 102 153 |
| Код html цвета: #6699CC | Цвет RGB: 102 153 204 |
| Код html цвета: #0099FF | Цвет RGB: 0 153 255 |
| Код html цвета: #3399FF | Цвет RGB: 51 153 255 |
| Код html цвета: #99CCFF | Цвет RGB: 153 204 255 |
| Код html цвета: #003366 | Цвет RGB: 0 51 102 |
| Код html цвета: #003399 | Цвет RGB: 0 51 153 |
| Код html цвета: #0033FF | Цвет RGB: 0 51 255 |
| Код html цвета: #3366CC | Цвет RGB: 51 102 204 |
| Код html цвета: #0066CC | Цвет RGB: 0 102 204 |
| Код html цвета: #0066FF | Цвет RGB: 0 102 255 |
| Код html цвета: #000033 | Цвет RGB: 0 0 51 |
| Код html цвета: #0033CC | Цвет RGB: 0 51 204 |
| Код html цвета: #0000CC | Цвет RGB: 0 0 204 |
| Код html цвета: #0000FF | Цвет RGB: 0 0 255 |
| Код html цвета: #3366FF | Цвет RGB: 51 102 255 |
| Код html цвета: #6699FF | Цвет RGB: 102 153 255 |
| Код html цвета: #000066 | Цвет RGB: 0 0 102 |
| Код html цвета: #000099 | Цвет RGB: 0 0 153 |
| Код html цвета: #3333CC | Цвет RGB: 51 51 204 |
| Код html цвета: #3300CC | Цвет RGB: 51 0 204 |
| Код html цвета: #3300FF | Цвет RGB: 51 0 255 |
| Код html цвета: #3333FF | Цвет RGB: 51 51 255 |
| Код html цвета: #333366 | Цвет RGB: 51 51 102 |
| Код html цвета: #333399 | Цвет RGB: 51 51 153 |
| Код html цвета: #666699 | Цвет RGB: 102 102 153 |
| Код html цвета: #6666CC | Цвет RGB: 102 102 204 |
| Код html цвета: #6666FF | Цвет RGB: 102 102 255 |
| Код html цвета: #9999CC | Цвет RGB: 153 153 204 |
| Код html цвета: #330066 | Цвет RGB: 51 0 102 |
| Код html цвета: #330099 | Цвет RGB: 51 0 153 |
| Код html цвета: #6600FF | Цвет RGB: 102 0 255 |
| Код html цвета: #6633FF | Цвет RGB: 102 51 255 |
| Код html цвета: #9999FF | Цвет RGB: 153 153 255 |
| Код html цвета: #CCCCFF | Цвет RGB: 204 204 255 |
| Код html цвета: #330033 | Цвет RGB: 51 0 51 |
| Код html цвета: #663399 | Цвет RGB: 102 51 153 |
| Код html цвета: #6633CC | Цвет RGB: 102 51 204 |
| Код html цвета: #6600CC | Цвет RGB: 102 0 204 |
| Код html цвета: #9966FF | Цвет RGB: 153 102 255 |
| Код html цвета: #9966CC | Цвет RGB: 153 102 204 |
| Код html цвета: #663366 | Цвет RGB: 102 51 102 |
| Код html цвета: #660099 | Цвет RGB: 102 0 153 |
| Код html цвета: #9900FF | Цвет RGB: 153 0 255 |
| Код html цвета: #9933FF | Цвет RGB: 153 51 255 |
| Код html цвета: #9933CC | Цвет RGB: 153 51 204 |
| Код html цвета: #CC99FF | Цвет RGB: 204 153 255 |
| Код html цвета: #660066 | Цвет RGB: 102 0 102 |
| Код html цвета: #996699 | Цвет RGB: 153 102 153 |
| Код html цвета: #9900CC | Цвет RGB: 153 0 204 |
| Код html цвета: #CC00FF | Цвет RGB: 204 0 255 |
| Код html цвета: #CC33FF | Цвет RGB: 204 51 255 |
| Код html цвета: #CC66FF | Цвет RGB: 204 102 255 |
| Код html цвета: #993399 | Цвет RGB: 153 51 153 |
| Код html цвета: #990099 | Цвет RGB: 153 0 153 |
| Код html цвета: #CC33CC | Цвет RGB: 204 51 204 |
| Код html цвета: #CC00CC | Цвет RGB: 204 0 204 |
| Код html цвета: #CC66CC | Цвет RGB: 204 102 204 |
| Код html цвета: #CC99CC | Цвет RGB: 204 153 204 |
| Код html цвета: #CC3399 | Цвет RGB: 204 51 153 |
| Код html цвета: #FF00FF | Цвет RGB: 255 0 255 |
| Код html цвета: #FF33FF | Цвет RGB: 255 51 255 |
| Код html цвета: #FF66FF | Цвет RGB: 255 102 255 |
| Код html цвета: #FF99FF | Цвет RGB: 255 153 255 |
| Код html цвета: #FFCCFF | Цвет RGB: 255 204 255 |
| Код html цвета: #990066 | Цвет RGB: 153 0 102 |
| Код html цвета: #CC0099 | Цвет RGB: 204 0 153 |
| Код html цвета: #CC6699 | Цвет RGB: 204 102 153 |
| Код html цвета: #FF33CC | Цвет RGB: 255 51 204 |
| Код html цвета: #FF00CC | Цвет RGB: 255 0 204 |
| Код html цвета: #FF66CC | Цвет RGB: 255 102 204 |
| Код html цвета: #660033 | Цвет RGB: 102 0 51 |
| Код html цвета: #993366 | Цвет RGB: 153 51 102 |
| Код html цвета: #CC0066 | Цвет RGB: 204 0 102 |
| Код html цвета: #FF0099 | Цвет RGB: 255 0 153 |
| Код html цвета: #FF3399 | Цвет RGB: 255 51 153 |
| Код html цвета: #FF99CC | Цвет RGB: 255 153 204 |
| Код html цвета: #663333 | Цвет RGB: 102 51 51 |
| Код html цвета: #996666 | Цвет RGB: 153 102 102 |
| Код html цвета: #CC3366 | Цвет RGB: 204 51 102 |
| Код html цвета: #FF0066 | Цвет RGB: 255 0 102 |
| Код html цвета: #FF3366 | Цвет RGB: 255 51 102 |
| Код html цвета: #FF6699 | Цвет RGB: 255 102 153 |
| Код html цвета: #330000 | Цвет RGB: 51 0 0 |
| Код html цвета: #990033 | Цвет RGB: 153 0 51 |
| Код html цвета: #993333 | Цвет RGB: 153 51 51 |
| Код html цвета: #CC3333 | Цвет RGB: 204 51 51 |
| Код html цвета: #CC6666 | Цвет RGB: 204 102 102 |
| Код html цвета: #CC9999 | Цвет RGB: 204 153 153 |
| Код html цвета: #CC0033 | Цвет RGB: 204 0 51 |
| Код html цвета: #FF0033 | Цвет RGB: 255 0 51 |
| Код html цвета: #FF3333 | Цвет RGB: 255 51 51 |
| Код html цвета: #FF6666 | Цвет RGB: 255 102 102 |
| Код html цвета: #FF9999 | Цвет RGB: 255 153 153 |
| Код html цвета: #FFCCCC | Цвет RGB: 255 204 204 |
| Код html цвета: #990000 | Цвет RGB: 153 0 0 |
| Код html цвета:#CC0000 | Цвет RGB: 204 0 0 |
| Код html цвета: #FF0000 | Цвет RGB: 255 0 0 |
| Код html цвета: #FF3300 | Цвет RGB: 255 51 0 |
| Код html цвета: #CC3300 | Цвет RGB: 204 51 0 |
| Код html цвета: #FF6633 | Цвет RGB: 255 102 51 |
| Код html цвета: #660000 | Цвет RGB: 102 0 0 |
| Код html цвета: #993300 | Цвет RGB: 153 51 0 |
| Код html цвета: #CC6633 | Цвет RGB: 204 102 51 |
| Код html цвета: #FF6600 | Цвет RGB: 255 102 0 |
| Код html цвета: #FF9966 | Цвет RGB: 255 153 102 |
| Код html цвета: #FFCC99 | Цвет RGB: 255 204 153 |
| Код html цвета: #663300 | Цвет RGB: 102 51 0 |
| Код html цвета: #996633 | Цвет RGB: 153 102 51 |
| Код html цвета: #CC6600 | Цвет RGB: 204 102 0 |
| Код html цвета: #CC9966 | Цвет RGB: 204 153 102 |
| Код html цвета: #FF9933 | Цвет RGB: 255 153 51 |
| Код html цвета: #FF9900 | Цвет RGB: 255 153 0 |
| Код html цвета: #996600 | Цвет RGB: 153 102 0 |
| Код html цвета: #CC9933 | Цвет RGB: 204 153 51 |
| Код html цвета: #CC9900 | Цвет RGB: 204 153 0 |
| Код html цвета: #FFCC33 | Цвет RGB: 255 204 51 |
| Код html цвета: #FFCC00 | Цвет RGB: 255 204 0 |
| Код html цвета: #FFCC66 | Цвет RGB: 255 204 102 |
| Код html цвета: #CCCC00 | Цвет RGB: 204 204 0 |
| Код html цвета: #FFFF00 | Цвет RGB: 255 255 0 |
| Код html цвета: #FFFF33 | Цвет RGB: 255 255 51 |
| Код html цвета: #FFFF66 | Цвет RGB: 255 255 102 |
| Код html цвета: #FFFF99 | Цвет RGB: 255 255 153 |
| Код html цвета: #FFFFCC | Цвет RGB: 255 255 204 |
Данная таблица включает в себя 216 кодов безопасных html цветов. Каждый цвет имеет значение в RGB для определения цвета в графических редакторах и HEX для указания цвета на html страницах.