Палитра «безопасных» WEB-цветов.
Палитра «безопасных» WEB-цветов.
Представляем вам палитру «безопасных» WEB-цветов. Почему эти цвета называют безопасными? В чём безопасность этих цветов? Их безопасность заключается в правильном отображении во всех браузерах и на большинстве мониторов пользователей.
В WEB-дизайне, так же, как и в мире полиграфии существуют особые требования к цвету. В полиграфии используют формулы цвета, самые распространённые – это CMYK и RGB, так же полиграфисты пользуются пантонами (Pantone), специальным веером, в котором показан цвет, а так же указан его индекс и/или формула, например, цвета по формуле Гайд (Pantone Formula Guide). В WEB-дизайне используют цвета по базовым именам, браузеры распознают их или формулу цвета HTML-HEX.
При разработке дизайна сайта, одна из задач дизайнера, выбрать цвета, которые будут корректно отображаться на разных мониторах и браузерах. Современные браузеры устроены таким образом, что в случае, если не корректно читается формула, то цвет подбирается ближайший или не выводится на экран. Это одна из причин, почему при вёрстке дизайна, вид и цветовая гамма может несколько отличаться от начальных эскизов.
Палитра «безопасных» цветов представленная ниже показывает цвет, а так же имеет формулу цвета RGB и HTML-HEX. Любой из цветов палитры будет корректно отображаться на экранах мониторов.
RGB: 248.248.255
#F8F8FF
RGB: 245.245.245
#F5F5F5
RGB: 220.220.220
#DCDCDC
RGB: 255.250.240
#FFFAF0
RGB: 253.245.230
#FDF5E6
RGB: 250.240.230
#FAF0E6
RGB: 250.235.215
#FAEBD7
RGB: 255.239.213
#FFEFD5
RGB: 255.235.205
#FFEBCD
RGB: 255.228.181
#FFE4B5
RGB: 245.255.250
#F5FFFA
RGB: 240.248.255
#F0F8FF
RGB: 230.230.250
#E6E6FA
RGB: 255.255.255
#FFFFFF
RGB: 0.0.0
#000000
RGB: 47.79.79
#2F4F4F
RGB: 112.128.144
#708090
RGB: 119.136.153
#778899
RGB: 190.190.190
#BEBEBE
RGB: 211.211.211
#D3D3D3
RGB: 25.25.112
#191970
RGB: 0.0.128
#000080
RGB: 100.149.237
#6495ED
RGB: 72.61.139
#483D8B
RGB: 106.90.205
#6A5ACD
RGB: 123.104.238
#7B68EE
RGB: 132.112.255
#8470FF
RGB: 65.105.225
#4169E1
RGB: 135.206.235
#87CEEB
RGB: 135.206.250
#87CEFA
RGB: 70.130.180
#4682B4
RGB: 176.196.222
#B0C4DE
RGB: 173.216.230
#ADD8E6
RGB: 176.224.230
#B0E0E6
RGB: 175.238.238
#AFEEEE
RGB: 0.206.209
#00CED1
RGB: 72.209.204
#48D1CC
RGB: 64.224.208
#40E0D0
RGB: 95.158.160
#5F9EA0
RGB: 0.100.0
#006400
RGB: 85.107.47
#556B2F
RGB: 143.188.143
#8FBC8F
RGB: 60.179.113
#3CB371
RGB: 32.178.170
#20B2AA
RGB: 152.251.152
#98FB98
RGB: 124.252.0
#7CFC00
RGB: 0.250.154
#00FA9A
RGB: 173.255.47
#ADFF2F
RGB: 50.205.50
#32CD32
RGB: 34.139.34
#228B22
RGB: 107.142.35
#6B8E23
RGB: 189.183.107
#BDB76B
RGB: 238.232.170
#EEE8AA
RGB: 250.250.210
#FAFAD2
RGB: 238.221.130
#EEDD82
RGB: 218.165.32
#DAA520
RGB: 184.134.11
#B8860B
RGB: 188.143.143
#BC8F8F
RGB: 205.92.92
#CD5C5C
RGB: 160.82.45
#A0522D
RGB: 222.184.135
#DEB887
RGB: 245.245.220
#F5F5DC
RGB: 245.222.179
#F5DEB3
RGB: 244.164.96
#F4A460
RGB: 210.180.140
#D2B48C
RGB: 210.105.30
#D2691E
RGB: 178.34.34
#B22222
RGB: 165.42.42
#A52A2A
RGB: 233.150.122
#E9967A
RGB: 250.128.114
#FA8072
RGB: 255.140.0
#FF8C00
RGB: 255.127.80
#FF7F50
RGB: 240.128.128
#F08080
RGB: 255.105.180
#FF69B4
RGB: 255.192.203
#FFC0CB
RGB: 255.182.193
#FFB6C1
RGB: 219.112.147
#DB7093
RGB: 176.48.96
#B03060
RGB: 199.21.133
#C71585
RGB: 208.32.144
#D02090
RGB: 238.130.238
#EE82EE
RGB: 221.160.221
#DDA0DD
RGB: 218.112.214
#DA70D6
RGB: 186.85.211
#BA55D3
RGB: 153.50.204
#9932CC
RGB: 148.0.211
#9400D3
RGB: 138.43.226
#8A2BE2
RGB: 160.32.240
#A020F0
RGB: 147.112.219
#9370DB
RGB: 216.191.216
#D8BFD8
RGB: 255.250.250
#FFFAFA
RGB: 238.233.233
#EEE9E9
RGB: 205.201.201
#CDC9C9
RGB: 139.137.137
#8B8989
RGB: 255.245.238
#FFF5EE
RGB: 238.229.222
#EEE5DE
RGB: 205.197.191
#CDC5BF
RGB: 139.134.130
#8B8682
RGB: 255.239.219
#FFEFDB
RGB: 238.223.204
#EEDFCC
RGB: 205.192.176
#CDC0B0
RGB: 139.131.120
#8B8378
RGB: 255.228.196
#FFE4C4
RGB: 238.213.183
#EED5B7
RGB: 205.183.158
#CDB79E
RGB: 139.125.107
#8B7D6B
RGB: 255.218.185
#FFDAB9
RGB: 238.203.173
#EECBAD
RGB: 205.175.149
#CDAF95
RGB: 139.119.101
#8B7765
RGB: 255.222.173
#FFDEAD
RGB: 238.207.161
#EECFA1
RGB: 205.179.139
#CDB38B
RGB: 139.121.94
#8B795E
RGB: 255.250.205
#FFFACD
RGB: 238.233.191
#EEE9BF
RGB: 205.201.165
#CDC9A5
RGB: 139.137.112
#8B8970
RGB: 255.248.220
#FFF8DC
RGB: 238.232.205
#EEE8CD
RGB: 205.200.177
#CDC8B1
RGB: 139.136.120
#8B8878
RGB: 255.255.240
#FFFFF0
RGB: 238.238.224
#EEEEE0
RGB: 205.205.193
#CDCDC1
RGB: 139.139.131
#8B8B83
RGB: 240.255.240
#F0FFF0
RGB: 224.238.224
#E0EEE0
RGB: 193.205.193
#C1CDC1
RGB: 131.139.131
#838B83
RGB: 255.240.245
#FFF0F5
RGB: 238.224.229
#EEE0E5
RGB: 205.193.197
#CDC1C5
RGB: 139.131.134
#8B8386
RGB: 255.228.225
#FFE4E1
RGB: 238.213.210
#EED5D2
RGB: 205.183.181
#CDB7B5
RGB: 139.125.123
#8B7D7B
RGB: 240.255.255
#F0FFFF
RGB: 224.238.238
#E0EEEE
RGB: 193.205.205
#C1CDCD
RGB: 131.139.139
#838B8B
RGB: 131.111.255
#836FFF
RGB: 122.103.238
#7A67EE
RGB: 105.89.205
#6959CD
RGB: 71.60.139
#473C8B
RGB: 72.118.255
#4876FF
RGB: 67.110.238
#436EEE
RGB: 58.95.205
#3A5FCD
RGB: 39.64.139
#27408B
RGB: 0.0.255
#0000FF
RGB: 0.0.238
#0000EE
RGB: 0.0.205
#0000CD
RGB: 30.144.255
#1E90FF
RGB: 28.134.238
#1C86EE
RGB: 24.116.205
#1874CD
RGB: 16.78.139
#104E8B
RGB: 99.184.255
#63B8FF
RGB: 92.172.238
#5CACEE
RGB: 79.148.205
#4F94CD
RGB: 54.100.139
#36648B
RGB: 0.191.255
#00BFFF
RGB: 0.178.238
#00B2EE
RGB: 0.154.205
#009ACD
RGB: 0.104.139
#00688B
RGB: 135.206.255
#87CEFF
RGB: 126.192.238
#7EC0EE
RGB: 108.166.205
#6CA6CD
RGB: 74.112.139
#4A708B
RGB: 176.226.255
#B0E2FF
RGB: 164.211.238
#A4D3EE
RGB: 141.182.205
#8DB6CD
RGB: 96.123.139
#607B8B
RGB: 198.226.255
#C6E2FF
RGB: 185.211.238
#B9D3EE
RGB: 159.182.205
#9FB6CD
RGB: 108.123.139
#6C7B8B
RGB: 202.225.255
#CAE1FF
RGB: 188.210.238
#BCD2EE
RGB: 162.181.205
#A2B5CD
RGB: 110.123.139
#6E7B8B
RGB: 191.239.255
#BFEFFF
RGB: 178.223.238
#B2DFEE
RGB: 154.192.205
#9AC0CD
RGB: 104.131.139
#68838B
RGB: 224.255.255
#E0FFFF
RGB: 209.238.238
#D1EEEE
RGB: 180.205.205
#B4CDCD
RGB: 122.139.139
#7A8B8B
RGB: 187.255.255
#BBFFFF
RGB: 174.238.238
#AEEEEE
RGB: 150.205.205
#96CDCD
RGB: 102.139.139
#668B8B
RGB: 152.245.255
#98F5FF
RGB: 142.229.238
#8EE5EE
RGB: 122.197.205
#7AC5CD
RGB: 83.134.139
#53868B
RGB: 0.245.255
#00F5FF
RGB: 0.229.238
#00E5EE
RGB: 0.197.205
#00C5CD
RGB: 0.134.139
#00868B
RGB: 0.255.255
#00FFFF
RGB: 0.238.238
#00EEEE
RGB: 0.205.205
#00CDCD
RGB: 151.255.255
#97FFFF
RGB: 141.238.238
#8DEEEE
RGB: 121.205.205
#79CDCD
RGB: 82.139.139
#528B8B
RGB: 127.255.212
#7FFFD4
RGB: 118.238.198
#76EEC6
RGB: 102.205.170
#66CDAA
RGB: 69.139.116
#458B74
RGB: 193.255.193
#C1FFC1
RGB: 180.238.180
#B4EEB4
RGB: 155.205.155
#9BCD9B
RGB: 105.139.105
#698B69
RGB: 84.255.159
#54FF9F
RGB: 78.238.148
#4EEE94
RGB: 67.205.128
#43CD80
RGB: 46.139.87
#2E8B57
RGB: 154.255.154
#9AFF9A
RGB: 124.205.124
#7CCD7C
RGB: 84.139.84
#548B54
RGB: 0.255.127
#00FF7F
RGB: 0.238.118
#00EE76
RGB: 0.205.102
#00CD66
RGB: 0.139.69
#008B45
RGB: 0.255.0
#00FF00
RGB: 0.238.0
#00EE00
RGB: 0.205.0
#00CD00
RGB: 0.139.0
#008B00
RGB: 127.255.0
#7FFF00
RGB: 118.238.0
#76EE00
RGB: 102.205.0
#66CD00
RGB: 69.139.0
#458B00
RGB: 192.255.62
#C0FF3E
RGB: 179.238.58
#B3EE3A
RGB: 154.205.50
#9ACD32
RGB: 105.139.34
#698B22
RGB: 202.255.112
#CAFF70
RGB: 188.238.104
#BCEE68
RGB: 162.205.90
#A2CD5A
RGB: 110.139.61
#6E8B3D
RGB: 255.246.143
#FFF68F
RGB: 238.230.133
#EEE685
RGB: 205.198.115
#CDC673
RGB: 139.134.78
#8B864E
RGB: 255.236.139
#FFEC8B
RGB: 238.220.130
#EEDC82
RGB: 205.190.112
#CDBE70
RGB: 139.129.76
#8B814C
RGB: 255.255.224
#FFFFE0
RGB: 238.238.209
#EEEED1
RGB: 205.205.180
#CDCDB4
RGB: 139.139.122
#8B8B7A
RGB: 255.255.0
#FFFF00
RGB: 238.238.0
#EEEE00
RGB: 205.205.0
#CDCD00
RGB: 139.139.0
#8B8B00
RGB: 255.215.0
#FFD700
RGB: 238.201.0
#EEC900
RGB: 205.173.0
#CDAD00
RGB: 139.117.0
#8B7500
RGB: 255.193.37
#FFC125
RGB: 238.180.34
#EEB422
RGB: 205.155.29
#CD9B1D
RGB: 139.105.20
#8B6914
RGB: 255.185.15
#FFB90F
RGB: 238.173.14
#EEAD0E
RGB: 205.149.12
#CD950C
RGB: 139.101.8
#8B658B
RGB: 255.193.193
#FFC1C1
RGB: 238.180.180
#EEB4B4
RGB: 205.155.155
#CD9B9B
RGB: 139.105.105
#8B6969
RGB: 255.106.106
#FF6A6A
RGB: 238.99.99
#EE6363
RGB: 205.85.85
#CD5555
RGB: 139.58.58
#8B3A3A
RGB: 255.130.71
#FF8247
RGB: 238.121.66
#EE7942
RGB: 205.104.57
#CD6839
RGB: 139.71.38
#8B4726
RGB: 255.211.155
#FFD39B
RGB: 238.197.145
#EEC591
RGB: 205.170.125
#CDAA7D
RGB: 139.115.85
#8B7355
RGB: 255.231.186
#FFE7BA
RGB: 238.216.174
#EED8AE
RGB: 205.186.150
#CDBA96
RGB: 139.126.102
#8B7E66
RGB: 255.165.79
#FFA54F
RGB: 238.154.73
#EE9A49
RGB: 205.133.63
#CD853F
RGB: 139.90.43
#8B5A2B
RGB: 255.127.36
#FF7F24
RGB: 238.118.33
#EE7621
RGB: 205.102.29
#CD661D
RGB: 139.69.19
#8B4513
RGB: 255.48.48
#FF3030
RGB: 238.44.44
#EE2C2C
RGB: 205.38.38
#CD2626
RGB: 139.26.26
#8B1A1A
RGB: 255.64.64
#FF4040
RGB: 238.59.59
#EE3B3B
RGB: 205.51.51
#CD3333
RGB: 139.35.35
#8B2323
RGB: 255.140.105
#FF8C69
RGB: 238.130.98
#EE8262
RGB: 205.112.84
#CD7054
RGB: 139.76.57
#8B4C39
RGB: 255.160.122
#FFA07A
RGB: 238.149.114
#EE9572
RGB: 205.129.98
#CD8162
RGB: 139.87.66
#8B5742
RGB: 255.165.0
#FFA500
RGB: 238.154.0
#EE9A00
RGB: 205.133.0
#CD8500
RGB: 139.90.0
#8B5A00
RGB: 255.127.0
#FF7F00
RGB: 238.118.0
#EE7600
RGB: 205.102.0
#CD6600
RGB: 139.69.0
#8B4500
RGB: 255.114.86
#FF7256
RGB: 238.106.80
#EE6A50
RGB: 205.91.69
#CD5B45
RGB: 139.62.47
#8B3E2F
RGB: 255.99.71
#FF6347
RGB: 238.92.66
#EE5C42
RGB: 205.79.57
#CD4F39
RGB: 139.54.38
#8B3626
RGB: 255.69.0
#FF4500
RGB: 238.64.0
#EE4000
RGB: 205.55.0
#CD3700
RGB: 139.37.0
#8B2500
RGB: 255.0.0
#FF0000
RGB: 238.0.0
#EE0000
RGB: 205.0.0
#CD0000
RGB: 255.20.147
#FF1493
RGB: 238.18.137
#EE1289
RGB: 205.16.118
#CD1076
RGB: 139.10.80
#8B0A50
RGB: 255.110.180
#FF6EB4
RGB: 238.106.167
#EE6AA7
RGB: 205.96.144
#CD6090
RGB: 139.58.98
#8B3A62
RGB: 255.181.197
#FFB5C5
RGB: 238.169.184
#EEA9B8
RGB: 205.145.158
#CD919E
RGB: 139.99.108
#8B636C
RGB: 255.174.185
#FFAEB9
RGB: 238.162.173
#EEA2AD
RGB: 205.140.149
#CD8C95
RGB: 139.95.101
#8B5F65
RGB: 255.130.171
#FF82AB
RGB: 238.121.159
#EE799F
RGB: 205.104.137
#CD6889
RGB: 139.71.93
#8B475D
RGB: 255.52.179
#FF34B3
RGB: 238.48.167
#EE30A7
RGB: 205.41.144
#CD2990
RGB: 139.28.98
#8B1C62
RGB: 255.62.150
#FF3E96
RGB: 238.58.140
#EE3A8C
RGB: 205.50.120
#CD3278
RGB: 139.34.82
#8B2252
RGB: 255.0.255
#FF00FF
RGB: 238.0.238
#EE00EE
RGB: 205.0.205
#CD00CD
RGB: 255.131.250
#FF83FA
RGB: 238.122.233
#EE7AE9
RGB: 205.105.201
#CD69C9
RGB: 139.71.137
#8B4789
RGB: 255.187.255
#FFBBFF
RGB: 238.174.238
#EEAEEE
RGB: 205.150.205
#CD96CD
RGB: 139.102.139
#8B668B
RGB: 224.102.255
#E066FF
RGB: 209.95.238
#D15FEE
RGB: 180.82.205
#B452CD
RGB: 122.55.139
#7A378B
RGB: 191.62.255
#BF3EFF
RGB: 178.58.238
#B23AEE
RGB: 154.50.205
#9A32CD
RGB: 104.34.139
#68228B
RGB: 155.48.255
#9B30FF
RGB: 145.44.238
#912CEE
RGB: 125.38.205
#7D26CD
RGB: 85.26.139
#551A8B
RGB: 171.130.255
#AB82FF
RGB: 159.121.238
#9F79EE
RGB: 137.104.205
#8968CD
RGB: 93.71.139
#5D478B
RGB: 255.225.255
#FFE1FF
RGB: 238.210.238
#EED2EE
RGB: 205.181.205
#CDB5CD
RGB: 139.123.139
#8B7B8B
RGB: 28.28.28
#1C1C1C
RGB: 54.54.54
#363636
RGB: 79.79.79
#4F4F4F
RGB: 105.105.105
#696969
RGB: 130.130.130
#828282
RGB: 156.156.156
#9C9C9C
RGB: 181.181.181
#B5B5B5
RGB: 207.207.207
#CFCFCF
RGB: 232.232.232
#E8E8E8
RGB: 169.169.169
#A9A9A9
RGB: 0.0.139
#00008B
RGB: 0.139.139
#008B8B
RGB: 139.0.139
#8B008B
RGB: 139.0.0
#8B0000
RGB: 144.238.144
#90EE90