Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
web-safe-colors:web-safe-colors [2020-06-24 14:11] GreyWolf [Таблица Безопасных Веб-цветов] |
web-safe-colors:web-safe-colors [2020-06-25 09:47] (текущий) GreyWolf [Палитра безопасных Веб–цветов] |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== Таблица Безопасных Веб-цветов ====== | + | ====== Палитра безопасных Веб–цветов ====== |
- | FIXME | + | |
+ | Эта палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи. | ||
+ | |||
+ | Палитра состоит из 216 безопасных веб–цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных код (префикс #), для обозначения цвета в HTML. | ||
|@#FFFFCC: \\ \\ | |@#FFFF99:| |@#FFFF66:| |@#FFFF33:| |@#FFFF00:| |@#CCCC00:| | |@#FFFFCC: \\ \\ | |@#FFFF99:| |@#FFFF66:| |@#FFFF33:| |@#FFFF00:| |@#CCCC00:| | ||
Строка 9: | Строка 12: | ||
| | | | | | | | | | | | | | | | ||
|@#FF9900: \\ \\ | |@#FF9933:| |@#CC9966:| |@#CC6600:| |@#996633:| |@#663300:| | |@#FF9900: \\ \\ | |@#FF9933:| |@#CC9966:| |@#CC6600:| |@#996633:| |@#663300:| | ||
- | | 55 153 0 \\ #FF9900 | | 255 153 51 \\ #FF9933 | | 204 153 102 \\ #CC9966 | | 204 102 0 \\ #CC6600 | | 153 102 51 \\ #996633 | | 102 51 0 \\ #663300 | | + | | 55 153 0 \\ #FF9900 | | 255 153 51 \\ #FF9933 | | 204 153 102 \\ #CC9966 | | 204 102 0 \\ #CC6600 | | 153 102 51 \\ #996633 | | 102 51 0 \\ #663300 | |
| | | | | | | | | | | | | | | | ||
|@#FFCC99: \\ \\ | |@#FF9966:| |@#FF6600:| |@#CC6633:| |@#993300:| |@#660000:| | |@#FFCC99: \\ \\ | |@#FF9966:| |@#FF6600:| |@#CC6633:| |@#993300:| |@#660000:| | ||
- | | 255 204 153 \\ #FFCC99 | | 255 153 102 \\ #FF9966 | | 255 102 0 \\ #FF6600 | | 204 102 51 \\ #CC6633 | | 153 51 0 \\ #993300 | | 102 0 0 \\ #660000 | | + | | 255 204 153 \\ #FFCC99 | | 255 153 102 \\ #FF9966 | | 255 102 0 \\ #FF6600 | | 204 102 51 \\ #CC6633 | | 153 51 0 \\ #993300 | | 102 0 0 \\ #660000 | |
| | | | | | | | | | | | | | | | ||
|@#FF6633: \\ \\ | |@#CC3300:| |@#FF3300:| |@#FF0000:| |@#CC0000:| |@#990000:| | |@#FF6633: \\ \\ | |@#CC3300:| |@#FF3300:| |@#FF0000:| |@#CC0000:| |@#990000:| | ||
Строка 24: | Строка 27: | ||
| | | | | | | | | | | | | | | | ||
|@#FF6699: \\ \\ | |@#FF3366:| |@#FF0066:| |@#CC3366:| |@#996666:| |@#663333:| | |@#FF6699: \\ \\ | |@#FF3366:| |@#FF0066:| |@#CC3366:| |@#996666:| |@#663333:| | ||
- | | 255 102 153 \\ #FF6699 | | 255 51 102 \\ #FF3366 | | 255 0 102 \\ #FF0066 | | 204 51 102 \\ #CC3366 | | 153 102 102 \\ #996666 | | 102 51 51 \\ #663333 | | + | | 255 102 153 \\ #FF6699 | | 255 51 102 \\ #FF3366 | | 255 0 102 \\ #FF0066 | | 204 51 102 \\ #CC3366 | | 153 102 102 \\ #996666 | | 102 51 51 \\ #663333 | |
| | | | | | | | | | | | | | | | ||
|@#FF99CC: \\ \\ | |@#FF3399:| |@#FF0099:| |@#CC0066:| |@#993366:| |@#660033:| | |@#FF99CC: \\ \\ | |@#FF3399:| |@#FF0099:| |@#CC0066:| |@#993366:| |@#660033:| | ||
Строка 70: | Строка 73: | ||
|@#99CCCC: \\ \\ | |@#66CCCC:| |@#339999:| |@#669999:| |@#006666:| |@#336666:| | |@#99CCCC: \\ \\ | |@#66CCCC:| |@#339999:| |@#669999:| |@#006666:| |@#336666:| | ||
| 153 204 204 \\ #99CCCC | | 102 204 204 \\ #66CCCC | | 51 153 153 \\ #339999 | | 102 153 153 \\ #669999 | | 0 102 102 \\ #006666 | | 51 102 102 \\ #336666 | | | 153 204 204 \\ #99CCCC | | 102 204 204 \\ #66CCCC | | 51 153 153 \\ #339999 | | 102 153 153 \\ #669999 | | 0 102 102 \\ #006666 | | 51 102 102 \\ #336666 | | ||
- | |||
| | | | | | | | | | | | | | | | ||
+ | |@#CCFFFF: \\ \\ | |@#99FFFF:| |@#66FFFF:| |@#33FFFF:| |@#00FFFF:| |@#00CCCC:| | ||
| 204 255 255 \\ #CCFFFF | | 153 255 255 \\ #99FFFF | | 102 255 255 \\ #66FFFF | | 51 255 255 \\ #33FFFF | | 0 255 255 \\ #00FFFF | | 0 204 204 \\ #00CCCC | | | 204 255 255 \\ #CCFFFF | | 153 255 255 \\ #99FFFF | | 102 255 255 \\ #66FFFF | | 51 255 255 \\ #33FFFF | | 0 255 255 \\ #00FFFF | | 0 204 204 \\ #00CCCC | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#99FFCC: \\ \\ | |@#66FFCC:| |@#33FFCC:| |@#00FFCC:| |@#33CCCC:| |@#009999:| | ||
| 153 255 204 \\ #99FFCC | | 102 255 204 \\ #66FFCC | | 51 255 204 \\ #33FFCC | | 0 255 204 \\ #00FFCC | | 51 204 204 \\ #33CCCC | | 0 153 153 \\ #009999 | | | 153 255 204 \\ #99FFCC | | 102 255 204 \\ #66FFCC | | 51 255 204 \\ #33FFCC | | 0 255 204 \\ #00FFCC | | 51 204 204 \\ #33CCCC | | 0 153 153 \\ #009999 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#66CC99: \\ \\ | |@#33CC99:| |@#00CC99:| |@#339966:| |@#009966:| |@#006633:| | ||
| 102 204 153 \\ #66CC99 | | 51 204 153 \\ #33CC99 | | 0 204 153 \\ #00CC99 | | 51 153 102 \\ #339966 | | 0 153 102 \\ #009966 | | 0 102 51 \\ #006633 | | | 102 204 153 \\ #66CC99 | | 51 204 153 \\ #33CC99 | | 0 204 153 \\ #00CC99 | | 51 153 102 \\ #339966 | | 0 153 102 \\ #009966 | | 0 102 51 \\ #006633 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#66FF99: \\ \\ | |@#33FF99:| |@#00FF99:| |@#33CC66:| |@#00CC66:| |@#009933:| | ||
| 102 255 153 \\ #66FF99 | | 51 255 153 \\ #33FF99 | | 0 255 153 \\ #00FF99 | | 51 204 102 \\ #33CC66 | | 0 204 102 \\ #00CC66 | | 0 153 51 \\ #009933 | | | 102 255 153 \\ #66FF99 | | 51 255 153 \\ #33FF99 | | 0 255 153 \\ #00FF99 | | 51 204 102 \\ #33CC66 | | 0 204 102 \\ #00CC66 | | 0 153 51 \\ #009933 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#99FF99: \\ \\ | |@#66FF66:| |@#33FF66:| |@#00FF66:| |@#339933:| |@#006600:| | ||
| 153 255 153 \\ #99FF99 | | 102 255 102 \\ #66FF66 | | 51 255 102 \\ #33FF66 | | 0 255 102 \\ #00FF66 | | 51 153 51 \\ #339933 | | 0 102 0 \\ #006600 | | | 153 255 153 \\ #99FF99 | | 102 255 102 \\ #66FF66 | | 51 255 102 \\ #33FF66 | | 0 255 102 \\ #00FF66 | | 51 153 51 \\ #339933 | | 0 102 0 \\ #006600 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#CCFFCC: \\ \\ | |@#99CC99:| |@#66CC66:| |@#669966:| |@#336633:| |@#003300:| | ||
| 204 255 204 \\ #CCFFCC | | 153 204 153 \\ #99CC99 | | 102 204 102 \\ #66CC66 | | 102 153 102 \\ #669966 | | 51 102 51 \\ #336633 | | 0 51 0 \\ #003300 | | | 204 255 204 \\ #CCFFCC | | 153 204 153 \\ #99CC99 | | 102 204 102 \\ #66CC66 | | 102 153 102 \\ #669966 | | 51 102 51 \\ #336633 | | 0 51 0 \\ #003300 | | ||
+ | |@#33FF33: \\ \\ | |@#00FF33:| |@#00FF00:| |@#00CC00:| |@#33CC33:| |@#00CC33:| | ||
| | | | | | | | | | | | | | | | ||
| 51 255 51 \\ #33FF33 | | 0 255 51 \\ #00FF33 | | 0 255 0 \\ #00FF00 | | 0 204 0 \\ #00CC00 | | 51 204 51 \\ #33CC33 | | 0 204 51 \\ #00CC33 | | | 51 255 51 \\ #33FF33 | | 0 255 51 \\ #00FF33 | | 0 255 0 \\ #00FF00 | | 0 204 0 \\ #00CC00 | | 51 204 51 \\ #33CC33 | | 0 204 51 \\ #00CC33 | | ||
+ | |@#66FF00: \\ \\ | |@#66FF33:| |@#33FF00:| |@#33CC00:| |@#339900:| |@#009900:| | ||
| | | | | | | | | | | | | | | | ||
| 102 255 0 \\ #66FF00 | | 102 255 51 \\ #66FF33 | | 51 255 0 \\ #33FF00 | | 51 204 0 \\ #33CC00 | | 51 153 0 \\ #339900 | | 0 153 0 \\ #009900 | | | 102 255 0 \\ #66FF00 | | 102 255 51 \\ #66FF33 | | 51 255 0 \\ #33FF00 | | 51 204 0 \\ #33CC00 | | 51 153 0 \\ #339900 | | 0 153 0 \\ #009900 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#CCFF99: \\ \\ | |@#99FF66:| |@#66CC00:| |@#66CC33:| |@#669933:| |@#336600:| | ||
| 204 255 153 \\ #CCFF99 | | 153 255 102 \\ #99FF66 | | 102 204 0 \\ #66CC00 | | 102 204 51 \\ #66CC33 | | 102 153 51 \\ #669933 | | 51 102 0 \\ #336600 | | | 204 255 153 \\ #CCFF99 | | 153 255 102 \\ #99FF66 | | 102 204 0 \\ #66CC00 | | 102 204 51 \\ #66CC33 | | 102 153 51 \\ #669933 | | 51 102 0 \\ #336600 | | ||
+ | | | | | | | | | ||
+ | |@#99FF00: \\ \\ | |@#99FF33:| |@#99CC66:| |@#99CC00:| |@#99CC33:| |@#669900:| | ||
| 153 255 0 \\ #99FF00 | | 153 255 51 \\ #99FF33 | | 153 204 102 \\ #99CC66 | | 153 204 0 \\ #99CC00 | | 153 204 51 \\ #99CC33 | | 102 153 0 \\ #669900 | | | 153 255 0 \\ #99FF00 | | 153 255 51 \\ #99FF33 | | 153 204 102 \\ #99CC66 | | 153 204 0 \\ #99CC00 | | 153 204 51 \\ #99CC33 | | 102 153 0 \\ #669900 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#CCFF66: \\ \\ | |@#CCFF00:| |@#CCFF33:| |@#CCCC99:| |@#666633:| |@#333300:| | ||
| 204 255 102 \\ #CCFF66 | | 204 255 0 \\ #CCFF00 | | 204 255 51 \\ #CCFF33 | | 204 204 153 \\ #CCCC99 | | 102 102 51 \\ #666633 | | 51 51 0 \\ #333300 | | | 204 255 102 \\ #CCFF66 | | 204 255 0 \\ #CCFF00 | | 204 255 51 \\ #CCFF33 | | 204 204 153 \\ #CCCC99 | | 102 102 51 \\ #666633 | | 51 51 0 \\ #333300 | | ||
| | | | | | | | | | | | | | | | ||
+ | |@#CCCC66: \\ \\ | |@#CCCC33:| |@#999966:| |@#999933:| |@#999900:| |@#666600:| | ||
| 204 204 102 \\ #CCCC66 | | 204 204 51 \\ #CCCC33 | | 153 153 102 \\ #999966 | | 153 153 51 \\ #999933 | | 153 153 0 \\ #999900 | | 102 102 0 \\ #666600 | | | 204 204 102 \\ #CCCC66 | | 204 204 51 \\ #CCCC33 | | 153 153 102 \\ #999966 | | 153 153 51 \\ #999933 | | 153 153 0 \\ #999900 | | 102 102 0 \\ #666600 | | ||
| | | | | | | | | | | | | | | | ||
- | | 255 255 255 \\ #FFFFFF | | 204 204 204 \\ #CCCCCC | | 153 153 153 \\ #999999 | | 102 102 102 \\ #666666 | | 51 51 51 \\ #333333 | | 0 0 0 \\ #000000 | | + | |@#FFFFFF: \\ \\ | |@#CCCCCC:| |@#999999:| |@#666666:| |@#333333:| |@#000000:| |
+ | | 255 255 255 \\ #FFFFFF | | 204 204 204 \\ #CCCCCC | | 153 153 153 \\ #999999 | | 102 102 102 \\ #666666 | | 51 51 51 \\ #333333 | | 0 0 0 \\ #000000 | | ||
Для отображения используется расширение [[dokuwiki:plugins#FontColor|FontColor]]. | Для отображения используется расширение [[dokuwiki:plugins#FontColor|FontColor]]. | ||
- | |||
====== Ссылки ====== | ====== Ссылки ====== | ||
Строка 104: | Строка 118: | ||
- | {{tag>HTTP }} | + | {{tag>HTTP}} |