跳到主要内容
Color Codes

颜色代码与配色

白色色值与色阶

白色是 RGB 中最亮的颜色,也是许多界面的主要表面色。它能创造空间感与清晰度,但其上的控件仍需要可见边界和足够对比度。

白色
#FFFFFF

颜色格式

同一基础色在常用网页格式中的表示。

下载 SVG 色卡

色阶

白色 — 色阶
颜色名称HEX复制
White 50#F2F2F2
White 100#D9D9D9
White 200#BFBFBF
White 300#A6A6A6
White 400#8C8C8C
White 500#737373
White 600#595959
White 700#404040
White 800#262626
White 900#0D0D0D

文字对比度

以下比值基于 WCAG 相对亮度公式。

Aa 白色文字 1.00:1 未通过
Aa 黑色文字 21.00:1 AAA
在对比度工具中检查

白色的使用场景

页面和卡片主表面

极简布局中的留白

深色背景上的高对比文字

与白色搭配的颜色

基于 #FFFFFF 的色轮和谐配色。点击色块复制,或在色轮中打开整组配色。

色轮上相对的颜色,对比最强,适合醒目的强调。

色轮上相邻的颜色,平静统一,适合大面积表面。

三种等距色相,多彩而平衡。

分裂互补色

在色轮中打开

基础色加上其互补色两侧的颜色,有对比但更柔和。

与白色相近的颜色

含有相近颜色的配色方案

相关颜色