Для html страниц цвета обозначаются в основном в шестнадцатеричной системе. Для этого используют два вида записи кода – полную или сокращенную. Чтобы правильно указать html цвет полной записью необходимо прописать шесть знаков (цифры и/или английские буквы) после решетки, например, черный записывается так: #000000. Сокращенная запись указания html цветов состоит из…
Для 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 страницах.
Также Вы можете указывать цвета на своих сайтах словами.
Важно!!! |