Skip to content
On this page

色彩

TPower Design色板是一套广泛适用于中后台业务场景的默认配色。包含了主题色、功能色、中性色部分。

主题色

主题色是产品中最核心、最高频使用的颜色,它常用于强调信息、引导操作,并在很大程度上决定了产品整体的基调和风格。TPower Design 以 #2468F2 作为默认主题色,蕴含了科技创新、开放共享的品牌特质和生态理念,其稳健、中性的气质,在中后台设计中也具有广泛的普适性。

主题色(品牌色)

rgba(0, 82, 217, 1)

#2468F2

功能色

功能色(语义色)是指用于特定场景、表达特殊语义的颜色,例如成功、失败、告警、链接等状态。我们定义了4种功能色,在遵循色彩通用含义选取色相的基础上,从视觉一致性的角度选取了与品牌色更具一致关系的色调,并结合WCAG2.0标准综合考量,使其达到可用性标准。

功能色面板

品牌色 #2468F2
#E6F0FF
#D4E5FF
#A8CAFF
#7DADFF
#258EFF
#2468F2
#144BCC
#0832A6
#001E80
#001259
成功色 #30BF13
#ECFFE6
#D1F2C7
#A5E693
#7BD964
#54CC39
#30BF13
#1B9908
#0B7300
#054D00
#012600
错误色 #F33E3E
#FFE8E6
#FFDBD9
#FFB6B3
#FF908C
#FF6966
#F33E3E
#CC292E
#A61922
#800D18
#590410
告警色 #FF9326
#FFF4E6
#FFECD4
#FFD8A8
#FFC27D
#FFAB52
#FF9326
#D97116
#B35209
#8C3800
#662500

功能交互色

中性色

中性色包含一系列灰黑色,同时考虑到在深色模式下需要通过中性色来区界面分层级关系,所以在 CIELab 中根据亮度将中性色扩展至11个。并且常用文字与其色彩对比度均大于4.5,满足 WCAG2.0 标准。

中性色面板

中性色使用规范