网页的颜色
在本页:
原色
蓝色的
R0 g85 b162
#0055A2
黄金
R229 g168 b35
#E5A823
灰色的
R147 g149 b151
#939597
Secondary Colors
浅灰色
R210 g210 b210
# D2D2D2
深灰色的
R102 g102 b102
#666666
展期蓝色
R28 g136 b244
#1C88F4
梯度
蓝色的 #0055A2, Grey #939597, 黄金 #E5A823
The gradient may be used as a background or as an overlay over black and white photos. The gradient symbolizes 转换 and is used in 菠菜网lol正规平台’s "转换" campaign.
Web 可访问的 Color Combinations
Across all digital platforms, including on 网站s, blogs and social media, be mindful of color contrast. Users with vision challenges or limitations may have a difficult time differentiating between colors.
可访问的
White text on a blue background
蓝色的 text on a white background
灰色的 #666666 or darker text on a white background
蓝色的 text on a gray # D2D2D2 or lighter background
Black text on a gray # D2D2D2 or lighter background
White text on a gray #666666 or darker background
无法访问
White text on a yellow background
蓝色的 text on a yellow background
Yellow text on a blue background
Yellow text on a white background
灰色的 #939597 text on a white background
灰色的 # D2D2D2 text on a white background
Black text on a gray #939597 background
Black text on a gray #666666 background
蓝色的 text on a gray #939597 background
蓝色的 text on a gray #666666 background
Using all official colors, including yellow and gray, as foreground or background 颜色 graphic elements on the web is acceptable.
可访问性 Isn't Just the Law
Color contrast is 一个 of many considerations when creating web applications and content that every一个 can use, including people with disabilities who may use assistive technologies to access your 网站. It is the right thing to do, the smart thing to do, and it 这是法律吗?.
资源
To check text for proper contrast, 访问 WebAIM's color contrast checker. To find colors that meet the WCAG Guidelines in text/background contrast ratios 访问 色安全.
For more information regarding ADA compliance and legibility guidelines, 访问 可访问性 at 菠菜网lol正规平台 网站.