🏠 < Цвет < Метро

Метро цвет

Палитра оттенков цвета дизайна «Metro»

Цвета позволяют интуитивно ориентироваться среди различных информационных уровней приложения и служат важнейшим средством усиления модели взаимодействия.

Стандартные цвета элементов Windows

  • FFB900 255 185 0
  • FF8C00 255 140 0
  • F7630C 247 99 12
  • CA5010 202 80 16
  • DA3B01 218 59 1
  • DA3B01 218 59 1
  • EF6950 239 105 80
  • D13438 209 52 56
  • FF4343 255 67 67
  • E74856 231 72 86
  • E81123 232 17 35
  • EA005E 234 0 94
  • C30052 195 0 82
  • E3008C 227 0 140
  • BF0077 191 0 119
  • C239B3 194 57 179
  • 9A0089 154 0 137
  • 0078D7 0 120 215
  • 0063B1 0 99 177
  • 8E8CD8 142 140 216
  • 6B69D6 107 105 214
  • 8764B8 135 100 184
  • 744DA9 116 77 169
  • B146C2 177 70 194
  • 881798 136 23 152
  • 0099BC 0 153 188
  • 2D7D9A 45 125 154
  • 00B7C3 0 183 195
  • 038387 3 131 135
  • 00B294 0 178 148
  • 018574 1 133 116
  • 00CC6A 0 204 106
  • 10893E 16 137 62
  • 7A7574 122 117 116
  • 5D5A58 93 90 88
  • 68768A 104 118 138
  • 515C6B 81 92 107
  • 567C73 86 124 115
  • 486860 72 104 96
  • 498205 73 130 5
  • 107C10 16 124 16
  • 767676 118 118 118
  • 4C4A48 76 74 72
  • 69797E 105 121 126
  • 4A5459 74 84 89
  • 647C64 100 124 100
  • 525E54 82 94 84
  • 847545 132 117 69
  • 7E735F 126 115 95

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

Цвета элементов Xbox

  • EB8C10 235 140 16
  • EB4910 235 73 16
  • E31123 227 17 35
  • A21025 162 16 37
  • ED5588 237 85 136
  • BF1077 191 16 119
  • B144C0 177 68 192
  • 744DA9 116 77 169
  • 1073D6 16 115 214
  • 193E91 25 62 145
  • 1081CA 16 129 202
  • 108272 16 130 114
  • 148282 20 130 130
  • 54A81B 84 168 27
  • 547A72 84 122 114
  • 107C10 16 124 16
  • 737373 115 115 115
  • 677488 103 116 136
  • 4C4A4B 76 74 75
  • 7E715C 126 113 92
  • 724F2F 114 79 47

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

Цвета индикатора событий

  • 128B44 18 139 68
  • 2C71B9 44 113 185
  • FDC214 253 194 20

Цвет на цвете

  • На 3 оттенка светлее A6D8FF 166 216 255
  • На 2 оттенка светлее 76B9ED 118 185 237
  • На 1 оттенок светлее 429CE3 66 156 227
  • Образец цвета элементов 0078D7 0 120 215
  • На 1 оттенок темнее 005A9E 0 90 158
  • На 2 оттенка темнее 004275 0 66 117
  • На 3 оттенка темнее 002642 0 38 66

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

Светлая тема Хром

  • Low F2F2F2 242 242 242
  • MediumLow F2F2F2 242 242 242
  • Medium E6E6E6 230 230 230
  • High CCCCCC 204 204 204
  • AltLow 171717 23 23 23
  • DisabledLow 7A7A7A 122 122 122
  • DisabledHigh CCCCCC 204 204 204

Тёмная тема Хром

  • Low 171717 23 23 23
  • MediumLow 2B2B2B 43 43 43
  • Medium 1F1F1F 31 31 31
  • High 767676 118 118 118
  • AltLow F2F2F2 242 242 242
  • DisabledLow 858585 133 133 133
  • DisabledHigh 333333 51 51 51

Хром

  • BlackLow 333333 51 51 51
  • BlackMediumLow 666666 102 102 102
  • BlackMedium CCCCCC 204 204 204
  • BlackHigh 000000 0 0 0
  • White FFFFFF 255 255 255

Минимальный коэффициент контрастности текста к фону на уровне 4,5:1 для максимального удобства при чтении.

0.00295 ...