Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
web-safe-colors:web-safe-colors [2020-06-24 13:51] 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:| | ||
Строка 56: | Строка 59: | ||
| 51 51 255 \\ #3333FF | | 51 0 255 \\ #3300FF | | 51 0 204 \\ #3300CC | | 51 51 204 \\ #3333CC | | 0 0 153 \\ #000099 | | 0 0 102 \\ #000066 | | | 51 51 255 \\ #3333FF | | 51 0 255 \\ #3300FF | | 51 0 204 \\ #3300CC | | 51 51 204 \\ #3333CC | | 0 0 153 \\ #000099 | | 0 0 102 \\ #000066 | | ||
| | | | | | | | | | | | | | | | ||
- | <hidden> | + | |@#6699FF: \\ \\ | |@#3366FF:| |@#0000FF:| |@#0000CC:| |@#0033CC:| |@#000033:| |
- | <code> | + | | 102 153 255 \\ #6699FF | | 51 102 255 \\ #3366FF | | 0 0 255 \\ #0000FF | | 0 0 204 \\ #0000CC | | 0 51 204 \\ #0033CC | | 0 0 51 \\ #000033 | |
- | 102 153 255 \\ #6699FF | + | | | | | | | | |
- | 51 102 255 \\ #3366FF | + | |@#0066FF: \\ \\ | |@#0066CC:| |@#3366CC:| |@#0033FF:| |@#003399:| |@#003366:| |
- | 0 0 255 \\ #0000FF | + | | 0 102 255 \\ #0066FF | | 0 102 204 \\ #0066CC | | 51 102 204 \\ #3366CC | | 0 51 255 \\ #0033FF | | 0 51 153 \\ #003399 | | 0 51 102 \\ #003366 | |
- | 0 0 204 \\ #0000CC | + | | | | | | | | |
- | 0 51 204 \\ #0033CC | + | |@#99CCFF: \\ \\ | |@#3399FF:| |@#0099FF:| |@#6699CC:| |@#336699:| |@#006699:| |
- | 0 0 51 \\ #000033 | + | | 153 204 255 \\ #99CCFF | | 51 153 255 \\ #3399FF | | 0 153 255 \\ #0099FF | | 102 153 204 \\ #6699CC | | 51 102 153 \\ #336699 | | 0 102 153 \\ #006699 | |
- | 0 102 255 \\ #0066FF | + | | | | | | | | |
- | 0 102 204 \\ #0066CC | + | |@#66CCFF: \\ \\ | |@#33CCFF:| |@#00CCFF:| |@#3399CC:| |@#0099CC:| |@#003333:| |
- | 51 102 204 \\ #3366CC | + | | 102 204 255 \\ #66CCFF | | 51 204 255 \\ #33CCFF | | 0 204 255 \\ #00CCFF | | 51 153 204 \\ #3399CC | | 0 153 204 \\ #0099CC | | 0 51 51 \\ #003333 | |
- | 0 51 255 \\ #0033FF | + | | | | | | | | |
- | 0 51 153 \\ #003399 | + | |@#99CCCC: \\ \\ | |@#66CCCC:| |@#339999:| |@#669999:| |@#006666:| |@#336666:| |
- | 0 51 102 \\ #003366 | + | | 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 255 \\ #99CCFF | + | | | | | | | | |
- | 51 153 255 \\ #3399FF | + | |@#CCFFFF: \\ \\ | |@#99FFFF:| |@#66FFFF:| |@#33FFFF:| |@#00FFFF:| |@#00CCCC:| |
- | 0 153 255 \\ #0099FF | + | | 204 255 255 \\ #CCFFFF | | 153 255 255 \\ #99FFFF | | 102 255 255 \\ #66FFFF | | 51 255 255 \\ #33FFFF | | 0 255 255 \\ #00FFFF | | 0 204 204 \\ #00CCCC | |
- | 102 153 204 \\ #6699CC | + | | | | | | | | |
- | 51 102 153 \\ #336699 | + | |@#99FFCC: \\ \\ | |@#66FFCC:| |@#33FFCC:| |@#00FFCC:| |@#33CCCC:| |@#009999:| |
- | 0 102 153 \\ #006699 | + | | 153 255 204 \\ #99FFCC | | 102 255 204 \\ #66FFCC | | 51 255 204 \\ #33FFCC | | 0 255 204 \\ #00FFCC | | 51 204 204 \\ #33CCCC | | 0 153 153 \\ #009999 | |
- | 102 204 255 \\ #66CCFF | + | | | | | | | | |
- | 51 204 255 \\ #33CCFF | + | |@#66CC99: \\ \\ | |@#33CC99:| |@#00CC99:| |@#339966:| |@#009966:| |@#006633:| |
- | 0 204 255 \\ #00CCFF | + | | 102 204 153 \\ #66CC99 | | 51 204 153 \\ #33CC99 | | 0 204 153 \\ #00CC99 | | 51 153 102 \\ #339966 | | 0 153 102 \\ #009966 | | 0 102 51 \\ #006633 | |
- | 51 153 204 \\ #3399CC | + | | | | | | | | |
- | 0 153 204 \\ #0099CC | + | |@#66FF99: \\ \\ | |@#33FF99:| |@#00FF99:| |@#33CC66:| |@#00CC66:| |@#009933:| |
- | 0 51 51 \\ #003333 | + | | 102 255 153 \\ #66FF99 | | 51 255 153 \\ #33FF99 | | 0 255 153 \\ #00FF99 | | 51 204 102 \\ #33CC66 | | 0 204 102 \\ #00CC66 | | 0 153 51 \\ #009933 | |
- | 153 204 204 \\ #99CCCC | + | | | | | | | | |
- | 102 204 204 \\ #66CCCC | + | |@#99FF99: \\ \\ | |@#66FF66:| |@#33FF66:| |@#00FF66:| |@#339933:| |@#006600:| |
- | 51 153 153 \\ #339999 | + | | 153 255 153 \\ #99FF99 | | 102 255 102 \\ #66FF66 | | 51 255 102 \\ #33FF66 | | 0 255 102 \\ #00FF66 | | 51 153 51 \\ #339933 | | 0 102 0 \\ #006600 | |
- | 102 153 153 \\ #669999 | + | | | | | | | | |
- | 0 102 102 \\ #006666 | + | |@#CCFFCC: \\ \\ | |@#99CC99:| |@#66CC66:| |@#669966:| |@#336633:| |@#003300:| |
- | 51 102 102 \\ #336666 | + | | 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 255 \\ #CCFFFF | + | |@#33FF33: \\ \\ | |@#00FF33:| |@#00FF00:| |@#00CC00:| |@#33CC33:| |@#00CC33:| |
- | 153 255 255 \\ #99FFFF | + | | | | | | | | |
- | 102 255 255 \\ #66FFFF | + | | 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 255 \\ #33FFFF | + | |@#66FF00: \\ \\ | |@#66FF33:| |@#33FF00:| |@#33CC00:| |@#339900:| |@#009900:| |
- | 0 255 255 \\ #00FFFF | + | | | | | | | | |
- | 0 204 204 \\ #00CCCC | + | | 102 255 0 \\ #66FF00 | | 102 255 51 \\ #66FF33 | | 51 255 0 \\ #33FF00 | | 51 204 0 \\ #33CC00 | | 51 153 0 \\ #339900 | | 0 153 0 \\ #009900 | |
- | 153 255 204 \\ #99FFCC | + | | | | | | | | |
- | 102 255 204 \\ #66FFCC | + | |@#CCFF99: \\ \\ | |@#99FF66:| |@#66CC00:| |@#66CC33:| |@#669933:| |@#336600:| |
- | 51 255 204 \\ #33FFCC | + | | 204 255 153 \\ #CCFF99 | | 153 255 102 \\ #99FF66 | | 102 204 0 \\ #66CC00 | | 102 204 51 \\ #66CC33 | | 102 153 51 \\ #669933 | | 51 102 0 \\ #336600 | |
- | 0 255 204 \\ #00FFCC | + | | | | | | | | |
- | 51 204 204 \\ #33CCCC | + | |@#99FF00: \\ \\ | |@#99FF33:| |@#99CC66:| |@#99CC00:| |@#99CC33:| |@#669900:| |
- | 0 153 153 \\ #009999 | + | | 153 255 0 \\ #99FF00 | | 153 255 51 \\ #99FF33 | | 153 204 102 \\ #99CC66 | | 153 204 0 \\ #99CC00 | | 153 204 51 \\ #99CC33 | | 102 153 0 \\ #669900 | |
- | 102 204 153 \\ #66CC99 | + | | | | | | | | |
- | 51 204 153 \\ #33CC99 | + | |@#CCFF66: \\ \\ | |@#CCFF00:| |@#CCFF33:| |@#CCCC99:| |@#666633:| |@#333300:| |
- | 0 204 153 \\ #00CC99 | + | | 204 255 102 \\ #CCFF66 | | 204 255 0 \\ #CCFF00 | | 204 255 51 \\ #CCFF33 | | 204 204 153 \\ #CCCC99 | | 102 102 51 \\ #666633 | | 51 51 0 \\ #333300 | |
- | 51 153 102 \\ #339966 | + | | | | | | | | |
- | 0 153 102 \\ #009966 | + | |@#CCCC66: \\ \\ | |@#CCCC33:| |@#999966:| |@#999933:| |@#999900:| |@#666600:| |
- | 0 102 51 \\ #006633 | + | | 204 204 102 \\ #CCCC66 | | 204 204 51 \\ #CCCC33 | | 153 153 102 \\ #999966 | | 153 153 51 \\ #999933 | | 153 153 0 \\ #999900 | | 102 102 0 \\ #666600 | |
- | 102 255 153 \\ #66FF99 | + | | | | | | | | |
- | 51 255 153 \\ #33FF99 | + | |@#FFFFFF: \\ \\ | |@#CCCCCC:| |@#999999:| |@#666666:| |@#333333:| |@#000000:| |
- | 0 255 153 \\ #00FF99 | + | | 255 255 255 \\ #FFFFFF | | 204 204 204 \\ #CCCCCC | | 153 153 153 \\ #999999 | | 102 102 102 \\ #666666 | | 51 51 51 \\ #333333 | | 0 0 0 \\ #000000 | |
- | 51 204 102 \\ #33CC66 | + | |
- | 0 204 102 \\ #00CC66 | + | |
- | 0 153 51 \\ #009933 | + | |
- | 153 255 153 \\ #99FF99 | + | |
- | 102 255 102 \\ #66FF66 | + | |
- | 51 255 102 \\ #33FF66 | + | |
- | 0 255 102 \\ #00FF66 | + | |
- | 51 153 51 \\ #339933 | + | |
- | 0 102 0 \\ #006600 | + | |
- | 204 255 204 \\ #CCFFCC | + | |
- | 153 204 153 \\ #99CC99 | + | |
- | 102 204 102 \\ #66CC66 | + | |
- | 102 153 102 \\ #669966 | + | |
- | 51 102 51 \\ #336633 | + | |
- | 0 51 0 \\ #003300 | + | |
- | 51 255 51 \\ #33FF33 | + | |
- | 0 255 51 \\ #00FF33 | + | |
- | 0 255 0 \\ #00FF00 | + | |
- | 0 204 0 \\ #00CC00 | + | |
- | 51 204 51 \\ #33CC33 | + | |
- | 0 204 51 \\ #00CC33 | + | |
- | 102 255 0 \\ #66FF00 | + | |
- | 102 255 51 \\ #66FF33 | + | |
- | 51 255 0 \\ #33FF00 | + | |
- | 51 204 0 \\ #33CC00 | + | |
- | 51 153 0 \\ #339900 | + | |
- | 0 153 0 \\ #009900 | + | |
- | 204 255 153 \\ #CCFF99 | + | |
- | 153 255 102 \\ #99FF66 | + | |
- | 102 204 0 \\ #66CC00 | + | |
- | 102 204 51 \\ #66CC33 | + | |
- | 102 153 51 \\ #669933 | + | |
- | 51 102 0 \\ #336600 | + | |
- | 153 255 0 \\ #99FF00 | + | |
- | 153 255 51 \\ #99FF33 | + | |
- | 153 204 102 \\ #99CC66 | + | |
- | 153 204 0 \\ #99CC00 | + | |
- | 153 204 51 \\ #99CC33 | + | |
- | 102 153 0 \\ #669900 | + | |
- | 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 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 | + | |
- | </code> | + | |
- | </hidden> | + | |
Для отображения используется расширение [[dokuwiki:plugins#FontColor|FontColor]]. | Для отображения используется расширение [[dokuwiki:plugins#FontColor|FontColor]]. | ||
- | |||
====== Ссылки ====== | ====== Ссылки ====== | ||
Строка 175: | Строка 118: | ||
- | {{tag>HTTP }} | + | {{tag>HTTP}} |