Таблица «безопасных» цветов

У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!

Таблица «безопасных» цветов

При создании изображения для публикации в сети главной проблемой является правильная передача цвета на разных
типах мониторов и в разных браузерах. Когда браузер не в состоянии правильным образом передать тот или иной цвет,
он подбирает похожий или смешивает несколько соседних цветов.
В результате пользователь на своем экране может увидеть совсем не то, что хотел изобразить автор.

Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.

Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
Эти цвета везде будут отображаться без искажений.

Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 00, 33, 66, 99, CC, FF.
Над каждым цветом указаны значения RGB (для создания цвета в графическом редакторе или задания в CSS).

FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
           
 
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
           
 
FF9900 FF9933 CC9966 CC6600 996633 663300
           
 
FFCC99 FF9966 FF6600 CC6633 993300 660000
           
 
FF6633 CC3300 FF3300 FF0000 CC0000 990000
           
 
FFCCCC FF9999 FF6666 FF3333 FF0033 CC0033
           
 
CC9999 CC6666 CC3333 993333 990033 330000
           
 
FF6699 FF3366 FF0066 CC3366 996666 663333
           
 
FF99CC FF3399 FF0099 CC0066 993366 660033
           
 
FF66CC FF00CC FF33CC CC6699 CC0099 990066
           
 
FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399
           
 
CC99CC CC66CC CC00CC CC33CC 990099 993399
           
 
CC66FF CC33FF CC00FF 9900CC 996699 660066
           
 
CC99FF 9933CC 9933FF 9900FF 660099 663366
           
 
9966CC 9966FF 6600CC 6633CC 663399 330033
           
 
CCCCFF 9999FF 6633FF 6600FF 330099 330066
           
 
9999CC 6666FF 6666CC 666699 333399 333366
           
 
3333FF 3300FF 3300CC 3333CC 000099 000066
           
 
6699FF 3366FF 0000FF 0000CC 0033CC 000033
           
 
0066FF 0066CC 3366CC 0033FF 003399 003366
           
 
99CCFF 3399FF 0099FF 6699CC 336699 006699
           
 
66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333
           
 
99CCCC 66CCCC 339999 669999 006666 336666
           
 
CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC
           
 
99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999
           
 
66CC99 33CC99 00CC99 339966 009966 006633
           
 
66FF99 33FF99 00FF99 33CC66 00CC66 009933
           
 
99FF99 66FF66 33FF66 00FF66 339933 006600
           
 
CCFFCC 99CC99 66CC66 669966 336633 003300
           
 
33FF33 00FF33 00FF00 00CC00 33CC33 00CC33
           
 
66FF00 66FF33 33FF00 33CC00 339900 009900
           
 
CCFF99 99FF66 66CC00 66CC33 669933 336600
           
 
99FF00 99FF33 99CC66 99CC00 99CC33 669900
           
 
CCFF66 CCFF00 CCFF33 CCCC99 666633 333300
           
 
CCCC66 CCCC33 999966 999933 999900 666600
           
 
FFFFFF CCCCCC 999999 666666 333333 000000
           

Смотрите также:

htmlweb.ru

Таблица цветов интернета для сайта. Таблица безопасных цветов.

Существуют несколько основных способов представления цветов в вебе.

1.В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:

  • две первые цифры — красный
  • две в середине — зелёный
  • две последние цифры — синий

Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

2.Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

3.В виде rgb (*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.

 

Название Цвет RGB Код
aliceblue aliceblue 240, 248, 255 #f0f8ff
antiquewhite antiquewhite 250, 235, 215 #faebd7
aqua aqua 0, 255, 255 #00ffff
aquamarine aquamarine 127, 255, 212 #7fffd4
azure azure 240, 255, 255 #f0ffff
beige beige 245, 245, 220 #f5f5dc
bisque bisque 255, 228, 196 #ffe4c4
black black 0, 0, 0 #000000
blanchedalmond blanchedalmond 255, 235, 205 #ffebcd
blue blue 0, 0, 255 #0000ff
blueviolet blueviolet 138, 43, 226 #8a2be2
brown brown 165, 42, 42 #a52a2a
burlywood burlyw

seoklub.ru

Палитра web-цветов для сайта


Ниже представлена таблица безопасных цветов интернета, которые рекомендуют для экранного дизайна. Так же как и в полиграфии, в веб-дизайне есть требования к используемым цветам.

При оформления в интернете главная задача — это корректная передача цветов для разных мониторов и типов компьютеров, для различных браузеров. Если браузер не не может по каким-то причинам передать указанный цвет, он подбирает похожий либо смешивает несколько рядом стоящих цветов. Именно поэтому согласованный дизайн иногда может визуально отличаться для разных пользователей при просмотреть веб-сайта.

Цвета из нижепредставленной палитры всегда будут отображаться браузером без искажений. Любой из этих цветов можно использовать для оформления сайта и его элеменотов: для графики, текста и фонов.

Над каждым цветом указано его значение в RGB (для создания цвета в графическом редакторе).


Если вы хотите «поиграть с цветами», попробовать различные сочетания, подобрать оттенки — рекомендуем вам зайти на сайт http://colorschemedesigner.com.


 






















































































































































































Написание

Цвет

R G B

Код для HTML

Snow

Snow

255 250 250

#FFFAFA

GhostWhite

GhostWhite

248 248 255

#F8F8FF

WhiteSmoke

WhiteSmoke

245 245 245

#F5F5F5

Gainsboro

Gainsboro

220 220 220

#DCDCDC

FloralWhite

FloralWhite

255 250 240

#FFFAF0

OldLace

OldLace

253 245 230

#FDF5E6

Linen

Linen

250 240 230

#FAF0E6

AntiqueWhite

AntiqueWhite

250 235 215

#FAEBD7

PapayaWhip

PapayaWhip

255 239 213

#FFEFD5

BlanchedAlmond

BlanchedAlmond

255 235 205

#FFEBCD

Bisque

Bisque

255 228 196

#FFE4C4

PeachPuff

PeachPuff

255 218 185

#FFDAB9

NavajoWhite

NavajoWhite

255 222 173

#FFDEAD

Moccasin

Moccasin

255 228 181

#FFE4B5

Cornsilk

Cornsilk

255 248 220

#FFF8DC

Ivory

Ivory

255 255 240

#FFFFF0

LemonChiffon

LemonChiffon

255 250 205

#FFFACD

Seashell

Seashell

255 245 238

#FFF5EE

Honeydew

Honeydew

240 255 240

#F0FFF0

MintCream

MintCream

245 255 250

#F5FFFA

Azure

Azure

240 255 255

#F0FFFF

AliceBlue

AliceBlue

240 248 255

#F0F8FF

lavender

lavender

230 230 250

#E6E6FA

LavenderBlush

LavenderBlush

255 240 245

#FFF0F5

MistyRose

MistyRose

255 228 225

#FFE4E1

White

White

255 255 255

#FFFFFF

Black

Black

0 0 0

#000000

DarkSlateGray

DarkSlateGray

47 79 79

#2F4F4F

DimGrey

DimGrey

105 105 105

#696969

SlateGrey

SlateGrey

112 128 144

#708090

LightSlateGray

LightSlateGray

119 136 153

#778899

Grey

Grey

190 190 190

#BEBEBE

LightGray

LightGray

211 211 211

#D3D3D3

MidnightBlue

MidnightBlue

25 25 112

#191970

NavyBlue

NavyBlue

0 0 128

#000080

CornflowerBlue

CornflowerBlue

100 149 237

#6495ED

DarkSlateBlue

DarkSlateBlue

72 61 139

#483D8B

SlateBlue

SlateBlue

106 90 205

#6A5ACD

MediumSlateBlue

MediumSlateBlue

123 104 238

#7B68EE

LightSlateBlue

LightSlateBlue

132 112 255

#8470FF

MediumBlue

MediumBlue

0 0 205

#0000CD

RoyalBlue

RoyalBlue

65 105 225

#4169E1

Blue

Blue

0 0 255

#0000FF

DodgerBlue

DodgerBlue

30 144 255

#1E90FF

DeepSkyBlue

DeepSkyBlue

0 191 255

#00BFFF

SkyBlue

SkyBlue

135 206 235

#87CEEB

LightSkyBlue

LightSkyBlue

135 206 250

#87CEFA

SteelBlue

SteelBlue

70 130 180

#4682B4

LightSteelBlue

LightSteelBlue

176 196 222

#B0C4DE

LightBlue

LightBlue

173 216 230

#ADD8E6

PowderBlue

PowderBlue

176 224 230

#B0E0E6

PaleTurquoise

PaleTurquoise

175 238 238

#AFEEEE

DarkTurquoise

DarkTurquoise

0 206 209

#00CED1

MediumTurquoise

MediumTurquoise

72 209 204

#48D1CC

Turquoise

Turquoise

64 224 208

#40E0D0

Cyan

Cyan

0 255 255

#00FFFF

LightCyan

LightCyan

224 255 255

#E0FFFF

CadetBlue

CadetBlue

95 158 160

#5F9EA0

MediumAquamarine

MediumAquamarine

102 205 170

#66CDAA

Aquamarine

Aquamarine

127 255 212

#7FFFD4

DarkGreen

DarkGreen

0 100 0

#006400

DarkOliveGreen

DarkOliveGreen

85 107 47

#556B2F

DarkSeaGreen

DarkSeaGreen

143 188 143

#8FBC8F

SeaGreen

SeaGreen

46 139 87

#2E8B57

MediumSeaGreen

MediumSeaGreen

60 179 113

#3CB371

LightSeaGreen

LightSeaGreen

32 178 170

#20B2AA

PaleGreen

PaleGreen

152 251 152

#98FB98

SpringGreen

SpringGreen

0 255 127

#00FF7F

LawnGreen

LawnGreen

124 252 0

#7CFC00

Green

Green

0 255 0

#00FF00

Chartreuse

Chartreuse

127 255 0

#7FFF00

MedSpringGreen

MedSpringGreen

0 250 154

#00FA9A

GreenYellow

GreenYellow

173 255 47

#ADFF2F

LimeGreen

LimeGreen

50 205 50

#32CD32

YellowGreen

YellowGreen

154 205 50

#9ACD32

ForestGreen

ForestGreen

34 139 34

#228B22

OliveDrab

OliveDrab

107 142 35

#6B8E23

DarkKhaki

DarkKhaki

189 183 107

#BDB76B

PaleGoldenrod

PaleGoldenrod

238 232 170

#EEE8AA

LtGoldenrodYello

LtGoldenrodYello

250 250 210

#FAFAD2

LightYellow

LightYellow

255 255 224

#FFFFE0

Yellow

Yellow

255 255 0

#FFFF00

Gold

Gold

255 215 0

#FFD700

LightGoldenrod

LightGoldenrod

238 221 130

#EEDD82

goldenrod

goldenrod

218 165 32

#DAA520

DarkGoldenrod

DarkGoldenrod

184 134 11

#B8860B

RosyBrown

RosyBrown

188 143 143

#BC8F8F

IndianRed

IndianRed

205 92 92

#CD5C5C

SaddleBrown

SaddleBrown

139 69 19

#8B4513

Sienna

Sienna

160 82 45

#A0522D

Peru

Peru

205 133 63

#CD853F

Burlywood

Burlywood

222 184 135

#DEB887

Beige

Beige

245 245 220

#F5F5DC

Wheat

Wheat

245 222 179

#F5DEB3

SandyBrown

SandyBrown

244 164 96

#F4A460

Tan

Tan

210 180 140

#D2B48C

Chocolate

Chocolate

210 105 30

#D2691E

Firebrick

Firebrick

178 34 34

#B22222

Brown

Brown

165 42 42

#A52A2A

DarkSalmon

DarkSalmon

233 150 122

#E9967A

Salmon

Salmon

250 128 114

#FA8072

LightSalmon

LightSalmon

255 160 122

#FFA07A

Orange

Orange

255 165 0

#FFA500

DarkOrange

DarkOrange

255 140 0

#FF8C00

Coral

Coral

255 127 80

#FF7F50

LightCoral

LightCoral

240 128 128

#F08080

Tomato

Tomato

255 99 71

#FF6347

OrangeRed

OrangeRed

255 69 0

#FF4500

Red

Red

255 0 0

#FF0000

HotPink

HotPink

255 105 180

#FF69B4

DeepPink

DeepPink

255 20 147

#FF1493

Pink

Pink

255 192 203

#FFC0CB

LightPink

LightPink

255 182 193

#FFB6C1

PaleVioletRed

PaleVioletRed

219 112 147

#DB7093

Maroon

Maroon

176 48 96

#B03060

MediumVioletRed

MediumVioletRed

199 21 133

#C71585

VioletRed

VioletRed

208 32 144

#D02090

Magenta

Magenta

255 0 255

#FF00FF

Violet

Violet

238 130 238

#EE82EE

Plum

Plum

221 160 221

#DDA0DD

Orchid

Orchid

218 112 214

#DA70D6

MediumOrchid

MediumOrchid

186 85 211

#BA55D3

DarkOrchid

DarkOrchid

153 50 204

#9932CC

DarkViolet

DarkViolet

148 0 211

#9400D3

BlueViolet

BlueViolet

138 43 226

#8A2BE2

Purple

Purple

160 32 240

#A020F0

MediumPurple

MediumPurple

147 112 219

#9370DB

Thistle

Thistle

216 191 216

#D8BFD8

Snow1

Snow1

255 250 250

#FFFAFA

Snow2

Snow2

238 233 233

#EEE9E9

Snow3

Snow3

205 201 201

#CDC9C9

Snow4

Snow4

139 137 137

#8B8989

Seashell1

Seashell1

255 245 238

#FFF5EE

Seashell2

Seashell2

238 229 222

#EEE5DE

Seashell3

Seashell3

205 197 191

#CDC5BF

Seashell4

Seashell4

139 134 130

#8B8682

AntiqueWhite1

AntiqueWhite1

255 239 219

#FFEFDB

AntiqueWhite2

AntiqueWhite2

238 223 204

#EEDFCC

AntiqueWhite3

AntiqueWhite3

205 192 176

#CDC0B0

AntiqueWhite4

AntiqueWhite4

139 131 120

#8B8378

Bisque1

Bisque1

255 228 196

#FFE4C4

Bisque2

Bisque2

238 213 183

#EED5B7

Bisque3

Bisque3

205 183 158

#CDB79E

Bisque4

Bisque4

139 125 107

#8B7D6B

PeachPuff1

PeachPuff1

255 218 185

#FFDAB9

PeachPuff2

PeachPuff2

238 203 173

#EECBAD

PeachPuff3

PeachPuff3

205 175 149

#CDAF95

PeachPuff4

PeachPuff4

139 119 101

#8B7765

NavajoWhite1

NavajoWhite1

255 222 173

#FFDEAD

NavajoWhite2

NavajoWhite2

238 207 161

#EECFA1

NavajoWhite3

NavajoWhite3

205 179 139

#CDB38B

NavajoWhite4

NavajoWhite4

139 121 94

#8B795E

LemonChiffon1

LemonChiffon1

255 250 205

#FFFACD

LemonChiffon2

LemonChiffon2

238 233 191

#EEE9BF

LemonChiffon3

LemonChiffon3

205 201 165

#CDC9A5

LemonChiffon4

LemonChiffon4

139 137 112

#8B8970

Cornsilk1

Cornsilk1

255 248 220

#FFF8DC

Cornsilk2

Cornsilk2

238 232 205

#EEE8CD

Cornsilk3

Cornsilk3

205 200 177

#CDC8B1

Cornsilk4

Cornsilk4

139 136 120

#8B8878

vory1

Ivory1

255 255 240

#FFFFF0

vory2

Ivory2

238 238 224

#EEEEE0

Ivory3

Ivory3

205 205 193

#CDCDC1

Ivory4

Ivory4

139 139 131

#8B8B83

Honeydew1

Honeydew1

240 255 240

#F0FFF0

Honeydew2

Honeydew2

224 238 224

#E0EEE0

Honeydew3

Honeydew3

193 205 193

#C1CDC1

Honeydew4

Honeydew4

131 139 131

#838B83

LavenderBlush2

LavenderBlush2

255 240 245

#FFF0F5

LavenderBlush3

LavenderBlush3

238 224 229

#EEE0E5

LavenderBlush4

LavenderBlush4

205 193 197

#CDC1C5

LavenderBlush5

LavenderBlush5

139 131 134

#8B8386

MistyRose1

MistyRose1

255 228 225

#FFE4E1

MistyRose2

MistyRose2

238 213 210

#EED5D2

MistyRose3

MistyRose3

205 183 181

#CDB7B5

MistyRose4

MistyRose4

139 125 123

#8B7D7B

Azure1

Azure1

240 255 255

#F0FFFF

Azure2

Azure2

224 238 238

#E0EEEE

Azure3

Azure3

193 205 205

#C1CDCD

Azure4

Azure4

www.kasper.by

Все цвета Интернета

При создании изображения для публикации в Сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает другой цвет или смешивает несколько соседних цветов (dithering). Иногда цвет может быть заменен на что-то совершенно неподходящее. 
При использовании цветов из этой палитры вы можете быть уверены в том, что каждый цвет будет передан правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.

 

Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.

 

Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).




255.255.204 255.255.153 255.255.102 255.255.51 255.255.0 204.204.0
FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
           




255.204.102 255.204.0 255.204.51 204.153.0 204.153.51 153.102.0
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
           




255.153.0 255.153.51 204.153.102 204.102.0 153.102.51 102.51.0
FF9900 FF9933 CC9966 CC6600 996633 663300
           




255.204.153 255.153.102 255.102.0 204.102.51 153.51.0 102.0.0
FFCC99 FF9966 FF6600 CC6633 993300 660000
           




255.102.51 204.51.0 255.51.0 255.0.0 204.0.0 153.0.0
FF6633 CC3300 FF3300 FF0000 CC0000 990000
           




255.204.204 255.153.153 255.102.102 255.51.51 255.0.51 204.0.51
FFCCCC FF9999 FF6666 FF3333 FF0033 CC0033
           




204.153.153 204.102.102 204.51.51 153.51.51 153.0.51 51.0.0
CC9999 CC6666 CC3333 993333 990033 330000
           




255.102.153 255.51.102 255.0.102 204.51.102 153.102.102 102.51.51
FF6699 FF3366 FF0066 CC3366 996666 663333
           




255.153.204 255.51.153 255.0.153 204.0.102 153.51.102 102.0.51
FF99CC FF3399 FF0099 CC0066 993366 660033
           




255.102.204 255.0.204 255.51.204 204.102.153 204.0.153 153.0.102
FF66CC FF00CC FF33CC CC6699 CC0099 990066
           




255.204.255 255.153.255 255.102.255 255.51.255 255.0.255 204.51.153
FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399
           




204.153.204 204.102.204 204.0.204 204.51.204 153.0.153 153.51.153
CC99CC CC66CC CC00CC CC33CC 990099 993399
           




204.102.255 204.51.255 204.0.255 153.0.204 153.102.153 102.0.102
CC66FF CC33FF CC00FF 9900CC 996699 660066
           




204.153.255 153.51.204 153.51.255 153.0.255 102.0.153 102.51.102
CC99FF 9933CC 9933FF 9900FF 660099 663366
           




153.102.204 153.102.255 102.0.204 102.51.204 102.51.153 51.0.51
9966CC 9966FF 6600CC 6633CC 663399 330033
           




204.204.255 153.153.255 102.51.255 102.0.255 51.0.153 51.0.102
CCCCFF 9999FF 6633FF 6600FF 330099 330066
           




153.153.204 102.102.255 102.102.204 102.102.153 51.51.153 51.51.102
9999CC 6666FF 6666CC 666699 333399 333366
           




51.51.255 51.0.255 51.0.204 51.51.204 0.0.153 0.0.102
3333FF 3300FF 3300CC 3333CC 000099 000066
           




102.153.255 51.102.255 0.0.255 0.0.204 0.51.204 0.0.51
6699FF 3366FF 0000FF 0000CC 0033CC 000033
           




0.102.255 0.102.204 51.102.204 0.51.255 0.51.153 0.51.102
0066FF 0066CC 3366CC 0033FF 003399 003366
           




153.204.255 51.153.255 0.153.255 102.153.204 51.102.153 0.102.153
99CCFF 3399FF 0099FF 6699CC 336699 006699
           




102.204.255 51.204.255 0.204.255 51.153.204 0.153.204 0.51.51
66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333
           




153.204.204 102.204.204 51.153.153 102.153.153 0.102.102 51.102.102
99CCCC 66CCCC 339999 669999 006666 336666
           




204.255.255 153.255.255 102.255.255 51.255.255 0.255.255 0.204.204
CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC
           




153.255.204 102.255.204 51.255.204 0.255.204 51.204.204 0.153.153
99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999
           




102.204.153 51.204.153 0.204.153 51.153.102 0.153.102 0.102.51
66CC99 33CC99 00CC99 339966 009966 006633
           




102.255.153 51.255.153 0.255.153 51.204.102 0.204.102 0.153.51
66FF99 33FF99 00FF99 33CC66 00CC66 009933
           




153.255.153 102.255.102 51.255.102 0.255.102 51.153.51 0.102.0
99FF99 66FF66 33FF66 00FF66 339933 006600
           




204.255.204 153.204.153 102.204.102 102.153.102 51.102.51 0.51.0
CCFFCC 99CC99 66CC66 669966 336633 003300
           




51.255.51 0.255.51 0.255.0 0.204.0 51.204.51 0.204.51
33FF33 00FF33 00FF00 00CC00 33CC33 00CC33
           




102.255.0 102.255.51 51.255.0 51.204.0 51.153.0 0.153.0
66FF00 66FF33 33FF00 33CC00 339900 009900
           




204.255.153 153.255.102 102.204.0 102.204.51 102.153.51 51.102.0
CCFF99 99FF66 66CC00 66CC33 669933 336600
           




153.255.0 153.255.51 153.204.102 153.204.0 153.204.51 102.153.0
99FF00 99FF33 99CC66 99CC00 99CC33 669900
           




204.255.102 204.255.0 204.255.51 204.204.153 102.102.51 51.51.0
CCFF66 CCFF00 CCFF33 CCCC99 666633 333300
           




204.204.102 204.204.51 153.153.51 153.153.102 153.153.0 102.102.0
CCCC66 CCCC33 999966 999933 999900 666600
           




255.255.255 204.204.204 153.153.153 102.102.102 51.51.51 0.0.0
FFFFFF CCCCCC 999999 666666 333333 000000
           

 

Источник: web.design.ru

saitoman.ru

Таблица безопасных цветов Лебедева / XML&HTML&CSS / WMDN

Все цвета интернета

Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.

При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее.

Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.

Как пользоваться палитрой

Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.

Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).

255.255.204 255.255.153 255.255.102 255.255.51 255.255.0 204.204.0
FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
           
255.204.102 255.204.0 255.204.51 204.153.0 204.153.51 153.102.0
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
           

Смотрите также:

wmdn.ru

Безопасные цвета для сайта — Технический блог

На тему «правильных» и безопасных цветов написано много «трудов», которые в последствии были массово растиражированы в интернете.

Я начну с того, что любой цвет можно получить используя только три так называемых первичных цвета красный R, зеленый G и синий B. Такая система принята в цветном телевидении и интернете.

При этом в WEB принято, что градация каждого первичного цвета состоит из 256 оттенков от нуля до 255 или от 00 до FF в шестнадцатеричном исчислении. В итоге мы получим более 16 миллионов цветов (256*256*256) и считается, что это предел для человеческого глаза.

Однако несовершенство мониторов, особенности зрения каждого человека и желание некоторых индивидуумов «подкрутить» настройки устройства отображения (теплота цвета, яркость, контрастность) приводят к тому, что на экране мы зачастую видим совсем не ту картинку, которую задумал автор (дизайнер).

Кроме того в некоторых системах браузер по неизвестной мне причине почему-то не может правильно отобразить определенные цвета и тогда он подбирает ближайший похожий. И получается, что светло-серый #eeeeee как бы превращается в #ffffff, то есть не отличается от него на экране монитора. Что согласитесь не одно и тоже, ведь тогда вы не видите фон, рамки и прочее. Я наблюдал это лично в Linux системах в браузере FireFox. Допускаю, что нужно было донастроить операционную систему, драйверы или еще чего, но факт имеет место быть, некоторые цвета искажаются, что портит цветовое оформление сайта. А вот с безопасным цветом, например #cccccc такие неприятности не происходят.

Исходя из вышеописанного при определении цветовой палитры сайтов принято ограничивать палитру загрубив градацию каждого из первичных цветом до 6 уровней (00, 33, 66, 99, CC, FF в шестнадцатеричном исчислении). Считается, что любой из полученных 216 цветов (6*6*6) везде будет отображаться правильным образом и без искажений.

Таблица безопасных цветов для сайта

Так как все градации первичных цветов кратны 33 (тридцать три в шестнадцатеричном исчислении) и имеют одинаковые цифры в значениях единиц и десятков, то их значения можно записать в сокращенном формате, то есть вместо #FFFFFF, я буду использовать #FFF.

#FFF #FFC #FF9 #FF6 #FF3 #FF0
#FCF #FCC #FC9 #FC6 #FC3 #FC0
#F9F #F9C #F99 #F96 #F93 #F90
#F6F #F6C #F69 #F66 #F63 #F60
#F3F #F3C #F39 #F36 #F33 #F30
#F0F #F0C #F09 #F06 #F03 #F00
#CFF #CFC #CF9 #CF6 #CF3 #CF0
#CCF #CCC #CC9 #CC6 #CC3 #CC0
#C9F #C9C #C99 #C96 #C93 #C90
#C6F #C6C #C69 #C66 #C63 #C60
#C3F #C3C #C39 #C36 #C33 #C30
#C0F #C0C #C09 #C06 #C03 #C00
#9FF #9FC #9F9 #9F6 #9F3 #9F0
#9CF #9CC #9C9 #9C6 #9C3 #9C0
#99F #99C #999 #996 #993 #990
#96F #96C #969 #966 #963 #960
#93F #93C #939 #936 #933 #930
#90F #90C #909 #906 #903 #900
#6FF #6FC #6F9 #6F6 #6F3 #6F0
#6CF #6CC #6C9 #6C6 #6C3 #6C0
#69F #69C #699 #696 #693 #690
#66F #66C #669 #666 #663 #660
#63F #63C #639 #636 #633 #630
#60F #60C #609 #606 #603 #600
#3FF #3FC #3F9 #3F6 #3F3 #3F0
#3CF #3CC #3C9 #3C6 #3C3 #3C0
#39F #39C #399 #396 #393 #390
#36F #36C #369 #366 #363 #360
#33F #33C #339 #336 #333 #330
#30F #30C #309 #306 #303 #300
#0FF #0FC #0F9 #0F6 #0F3 #0F0
#0CF #0CC #0C9 #0C6 #0C3 #0C0
#09F #09C #099 #096 #093 #090
#06F #06C #069 #066 #063 #060
#03F #03C #039 #036 #033 #030
#00F #00C #009 #006 #003 #000

Как использовать таблицу безопасных цветов

Моя таблица состоит из 216 ячеек. Фон каждой из них записан в HEX формате и может использоваться в CSS стилях для графики, текста и фонов.

Существуют несколько основных способов представления цветов в вебе. Один из них в виде #123ABC. Это представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет: две первые цифры — красный, две в середине — зелёный, две последние цифры — синий. Также допускается краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

Благодарности

При написании статьи были использованы следующие источники:

  1. http://www.artlebedev.ru/tools/colors/
  2. https://ru.wikipedia.org/wiki/Цвета_HTML

Поделись этой страницей с друзьями!

moonback.ru

Безопасные веб цвета » Инструменты вебмастера

Когда было время 256-цветных мониторов применялась «безопасная палитра», конечно она применяется и сейчас. У безопасной палитры всего три главных цвета для смешивания — R G B и соответствуют значениям: 00, 33, 66, 99, CC, FF.
Вообще, цветовая палитра 6x6x6 является приоритетной при выборе цвета для фона или цвета шрифта.
Вашему вниманию представляется палитра «безопасных веб цветов», которые одинаково хорошо будут отображаться во всех браузерах и во всех оперативных системах.

Имя цвета для HTML Код для HTML R G B

Красные

IndianRed CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightSalmon FF A0 7A 255 160 122
Crimson DC 14 3C 220 20 60
Red FF 00 00 255 0 0
FireBrick B2 22 22 178 34 34
DarkRed 8B 00 00 139 0 0

Розовые

Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255 20 147
MediumVioletRed C7 15 85 199 21 133
PaleVioletRed DB 70 93 219 112 147

Оранжевые

LightSalmon FF A0 7A 255 160 122
Coral FF 7F 50 255 127 80
Tomato FF 63 47 255 99 71
OrangeRed FF 45 00 255 69 0
DarkOrange FF 8C 00 255 140 0
Orange FF A5 00 255 165 0

Жёлтые

Gold FF D7 00 255 215 0
Yellow FF FF 00 255 255 0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107

Фиолетовые

Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255 0 255
Magenta FF 00 FF 255 0 255
MediumOrchid BA 55 D3 186 85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138 43 226
DarkViolet 94 00 D3 148 0 211
DarkOrchid 99 32 CC 153 50 204
DarkMagenta 8B 00 8B 139 0 139
Purple 80 00 80 128 0 128
Indigo 4B 00 82 75 0 130
SlateBlue 6A 5A CD 106 90 205
DarkSlateBlue 48 3D 8B 72 61 139

Зелёные

GreenYellow AD FF 2F 173 255 47
Chartreuse 7F FF 00 127 255 0
LawnGreen 7C FC 00 124 252 0
Lime 00 FF 00 0 255 0
LimeGreen 32 CD 32 50 205 50
PaleGreen 98 FB 98 152 251 152
LightGreen 90 EE 90 144 238 144
MediumSpringGreen 00 FA 9A 0 250 154
SpringGreen 00 FF 7F 0 255 127
MediumSeaGreen 3C B3 71 60 179 113
SeaGreen 2E 8B 57 46 139 87
ForestGreen 22 8B 22 34 139 34
Green 00 80 00 0 128 0
DarkGreen 00 64 00 0 100 0
YellowGreen 9A CD 32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Olive 80 80 00 128 128 0
DarkOliveGreen 55 6B 2F 85 107 47
MediumAquamarine 66 CD AA 102 205 170
DarkSeaGreen 8F BC 8F 143 188 143
LightSeaGreen 20 B2 AA 32 178 170
DarkCyan 00 8B 8B 0 139 139
Teal 00 80 80 0 128 128

Синие

Aqua 00 FF FF 0 255 255
Cyan 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0 64 224 208
MediumTurquoise 48 D1 CC 72 209 204
DarkTurquoise 00 CE D1 0 206 209
CadetBlue 5F 9E A0 95 158 160
SteelBlue 46 82 B4 70 130 180
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
DodgerBlue 1E 90 FF 30 144 255
CornflowerBlue 64 95 ED 100 149 237
MediumSlateBlue 7B 68 EE 123 104 238
RoyalBlue 41 69 E1 65 105 225
Blue 00 00 FF 0 0 255
MediumBlue 00 00 CD 0 0 205
DarkBlue 00 00 8B 0 0 139
Navy 00 00 80 0 0 128
MidnightBlue 19 19 70 25 25 112

Коричневые

Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164 96
Goldenrod DA A5 20 218 165 32
DarkGoldenrod B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Chocolate D2 69 1E 210 105 30
SaddleBrown 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Brown A5 2A 2A 165 42 42
Maroon 80 00 00 128 0 0

Белые

White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225

Серые

Gainsboro DC DC DC 220 220 220
LightGrey D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9 169 169 169
Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79
Black 00 00 00 0 0 0

filyanin.ru