Windows XP风格界面标准

详细信息请查看附件：/Files/landina/Windows设计规范.rar

Color is integral to achieving the fresh, friendly and simple experience of Windows XP. The Windows XP look is characterized by an energetic blue complimented with red, amber and green. Gradients, glows and textures give life and dimension to Windows XP colors. Color helps guide users through their experience. For example, the red close button helps improve discoverability of how to close a window.

Below is a sample of the colors used in Windows XP. Because the Windows XP look uses many color gradients, we recommend you refer to the actual user interface to see the range of color values used.

Base colors

R: 255, G: 204, B: 0 Hex: #FFCC00

R: 255, G: 153, B: 51 Hex: #FF9933

R: 227, G: 92, B: 47 Hex: #DE5C2F

R: 230, G: 234, B: 216 Hex: #E6EAD8

R: 140, G: 170, B: 230 Hex: #8CAAE6

R: 100, G: 135, B: 220 Hex: #6487DC

R: 0, G: 51, B: 153 Hex: #003399

R: 19, G: 146, B: 13 Hex: #13920D

Control colors    [example]

R: 242, G: 201, B: 119 Hex: #F2C977

R: 230 G: 139, B: 44 Hex: #E68B2C

R: 128, G: 128, B: 128 Hex: #808080

R: 161, G: 161, B: 146 Hex: #A1A192

R: 184, G: 180, B: 163 Hex: #B8B4A3

R: 199, G: 197, B: 178 Hex: #C7C5B2

R: 201, G: 199, B: 186 Hex: #C9C7BA

R: 235, G: 235, B: 238 Hex: #EBEBEE

R: 0, G: 60, B: 165 Hex: #003CA5

R: 8, G: 46, B: 162 Hex: #082EA2

R: 0, G: 70, B: 213 Hex: #0046D5

R: 49, G: 106, B: 197 Hex: #316AC5

R: 127, G: 157, B: 185 Hex: #7F9DB9

R: 33, G: 120, B: 224 Hex: #2178E0

R: 18, G: 139, B: 231 Hex: #128BE7

R: 77, G: 159, B: 225 Hex: #4D9FE1

R: 131, G: 166, B: 244 Hex: #83A6F4

R: 183, G: 211, B: 252 Hex: #B7D3FC

R: 210, G: 236, B: 255 Hex: #D2ECFF

R: 38, G: 124, B: 8 Hex: #267C08

R: 130, G: 130, B: 130 Hex: #828282

R: 34, G: 192, B: 32 Hex: #22C020

R: 155, G: 234, B: 156 Hex: #9BEA9C

Window Frame and Taskbar colors   [example]   

R: 8, G: 27, B: 203 Hex: #081BCB

R: 73, G: 119, B: 180 Hex: #4977B4

R: 0, G: 98, B: 234 Hex: #0062EA

R: 20, G: 165, B: 244 Hex: #14A5F4

R: 142, G: 182, B: 217 Hex: #8EB6D9

R: 93, G: 179, B: 255 Hex: #5DB3FF

R: 0, G: 141, B: 0 Hex: #008D00

R: 49, G: 164, B: 49 Hex: #31A431

R: 94, G: 219, B: 94 Hex: #5EDB5E

Icon colors   [example]   

R: 155, G: 102, B: 0 Hex: #9B6600

R: 204, G: 155, B: 0 Hex: #CC9B00

R: 255, G: 204, B: 0 Hex: #FFCC00

R: 255, G: 255, B: 0 Hex: #FFFF00

R: 255, G: 255, B: 155 Hex: #FFFF9B

R: 255, G: 204, B: 102 Hex: #FFCC66

R: 255, G: 51, B: 0 Hex: #FF3300

R: 152, G: 0, B: 0 Hex: #980000

R: 102, G: 0, B: 0 Hex: #660000

R: 0, G: 51, B: 152 Hex: #003398

R: 0, G: 102, B: 204 Hex: #0066CC

R: 0, G: 155, B: 255 Hex: #009BFF

R: 155, G: 204, B: 255 Hex: #9BCCFF

R: 204, G: 255, B: 255 Hex: #CCFFFF

R: 0, G: 102, B: 0 Hex: #006600

R: 255, G: 157, B: 51 Hex: #31A431

R: 102, G: 204, B: 51 Hex: #66CC33

R: 155, G: 255, B: 102 Hex: #9BFF66

R: 204, G: 255, B: 204 Hex: #CCFFCC

Welcome screen colors   [example]   

R: 255, G: 153, B: 51 Hex: #FF9933

R: 200, G: 222, B: 255 Hex: #660000

R: 0, G: 51, B: 153 Hex: #003399

R: 62, G: 53, B: 171 Hex: #3E35AB

R: 90, G: 126, B: 220 Hex: #5A7EDC

Folder colors   [example]   

R: 1, G: 72, B: 178 Hex: #0148B2

R: 40, G: 91, B: 197 Hex: #285BC5

R: 85, G: 130, B: 210 Hex: #5582D2

R: 100, G: 135, B: 220 Hex: #6487DC

R: 140, G: 170, B: 230 Hex: #8CAAE6

R: 214, G: 223, B: 245 Hex: #D6DFF5