Коды коричневых цветов. Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA. Стандартизированные названия цветов
Для 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 страницах.
Как известно, цвет может влиять на состояние человека: как психическое, так и физическое. Каждый день, просматривая сайты в интернете, глаза оценивают миллионы цветов и оттенков. Веб-дизайнер, который ознакомлен с психологией цвета, может управлять настроением посетителя для достижения каких-либо целей.
Это обусловлено тем, что некоторые оттенки успокаивают, а некоторые наоборот – возбуждают. Далее речь пойдет о том, как синтезируется и отображается цвет с помощью компьютерной техники.
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 бежевый цвет имеет следующие числовые представления.
Цвета html обозначаются шестью символами после символа слеш - например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел - это маленький источник света, назовём его "фонарик", который в свою очередь состоит из трех фонариков - красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.
Коды цветов html
Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).
Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).
Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.
Коды (значения) цветов
| Цвет | Код HEX | Код RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
16 миллионов оттенков
Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).
Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).
В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:
| Красный | Код HEX | Код RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080000 | rgb(8,0,0) | |
| #100000 | rgb(16,0,0) | |
| #180000 | rgb(24,0,0) | |
| #200000 | rgb(32,0,0) | |
| #280000 | rgb(40,0,0) | |
| #300000 | rgb(48,0,0) | |
| #380000 | rgb(56,0,0) | |
| #400000 | rgb(64,0,0) | |
| #480000 | rgb(72,0,0) | |
| #500000 | rgb(80,0,0) | |
| #580000 | rgb(88,0,0) | |
| #600000 | rgb(96,0,0) | |
| #680000 | rgb(104,0,0) | |
| #700000 | rgb(112,0,0) | |
| #780000 | rgb(120,0,0) | |
| #800000 | rgb(128,0,0) | |
| #880000 | rgb(136,0,0) | |
| #900000 | rgb(144,0,0) | |
| #980000 | rgb(152,0,0) | |
| #A00000 | rgb(160,0,0) | |
| #A80000 | rgb(168,0,0) | |
| #B00000 | rgb(176,0,0) | |
| #B80000 | rgb(184,0,0) | |
| #C00000 | rgb(192,0,0) | |
| #C80000 | rgb(200,0,0) | |
| #D00000 | rgb(208,0,0) | |
| #D80000 | rgb(216,0,0) | |
| #E00000 | rgb(224,0,0) | |
| #E80000 | rgb(232,0,0) | |
| #F00000 | rgb(240,0,0) | |
| #F80000 | rgb(248,0,0) | |
| #FF0000 | rgb(255,0,0) |
Оттенки серого
Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета
| Оттенки серого | Код HEX | Код RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8,8,8) | |
| #101010 | rgb(16,16,16) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) | |
| #282828 | rgb(40,40,40) | |
| #303030 | rgb(48,48,48) | |
| #383838 | rgb(56,56,56) | |
| #404040 | rgb(64,64,64) | |
| #484848 | rgb(72,72,72) | |
| #505050 | rgb(80,80,80) | |
| #585858 | rgb(88,88,88) | |
| #606060 | rgb(96,96,96) | |
| #686868 | rgb(104,104,104) | |
| #707070 | rgb(112,112,112) | |
| #787878 | rgb(120,120,120) | |
| #808080 | rgb(128,128,128) | |
| #888888 | rgb(136,136,136) | |
| #909090 | rgb(144,144,144) | |
| #989898 | rgb(152,152,152) | |
| #A0A0A0 | rgb(160,160,160) | |
| #A8A8A8 | rgb(168,168,168) | |
| #B0B0B0 | rgb(176,176,176) | |
| #B8B8B8 | rgb(184,184,184) | |
| #C0C0C0 | rgb(192,192,192) | |
| #C8C8C8 | rgb(200,200,200) | |
| #D0D0D0 | rgb(208,208,208) | |
| #D8D8D8 | rgb(216,216,216) | |
| #E0E0E0 | rgb(224,224,224) | |
| #E8E8E8 | rgb(232,232,232) | |
| #F0F0F0 | rgb(240,240,240) | |
| #F8F8F8 | rgb(248,248,248) | |
| #FFFFFF | rgb(255,255,255) |
Кросс-браузерные (для всех браузеров) названия цветов html
Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.
Стандартизированные названия цветов
Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).
При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.
Безопасные цвета
Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.
Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.
Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в 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Текст) |
Влад Мержевич
В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.
Типичный цвет, используемый в HTML, выглядит следующим образом.
Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
| FA | + | 8E | + | 47 | = | FA8E47 |
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
- Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
- Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
- Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.
Рис. 6.1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 6.2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых - красной, зеленой и синей - устанавливается одно из шести значений - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 - 216 цветов. Пример веб-цвета - #33FF66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.
| Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
|---|---|---|---|
| black | Черный | #000000 | |
| blue | Синий | #0000FF | |
| fuchsia | Светло-фиолетовый | #FF00FF | |
| gray | Темно-серый | #808080 | |
| green | Зеленый | #008000 | |
| lime | Светло-зеленый | #00FF00 | |
| maroon | Темно-красный | #800000 | |
| navy | Темно-синий | #000080 | |
| olive | Оливковый | #808000 | |
| purple | Темно-фиолетовый | #800080 | |
| red | Красный | #FF0000 | |
| silver | Светло-серый | #C0C0C0 | |
| teal | Сине-зеленый | #008080 | |
| white | Белый | #FFFFFF | |
| yellow | Желтый | #FFFF00 |
Не имеет значения, каким способом вы задаете цвет - по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.
Пример 6.1. Цвет фона и текста
Пример текста
В данном примере цвет фона задается с помощью атрибута bgcolor тега
, а цвет текста через атрибут text . Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal .