色彩

色彩对于网站的整体定位、风格、用户最初的感受都起着至关重要的作用,色彩不仅能给用户带来感官上的刺激,同时在实际网站设计中,能让信息层级更明确、更能把握页面的可读性。alibaba.com的品牌色,从色彩饱和度、一致性、可读性、颜色场景分类等维度,对颜色进行了定义。

粉色 暖色系:可爱 温馨 娇嫩 青春 明快 浪漫 愉快
  • Copy
    粉色-0
    #320A11
  • Copy
    粉色-1
    #651423
  • Copy
    粉色-2
    #971E35
  • Copy
    粉色-3
    #CA2847
  • Copy
    粉色-4
    #FD3259
  • Copy
    粉色-5
    #FD5B7A
  • Copy
    粉色-6
    #FD849B
  • Copy
    粉色-7
    #FEADBC
  • Copy
    粉色-8
    #FED6DD
  • Copy
    粉色-9
    #FEEAEE
红色 热情 活泼 张扬(红色也有警示的意思)
  • Copy
    红色-0
    #300A00
  • Copy
    红色-1
    #611400
  • Copy
    红色-2
    #911E00
  • Copy
    红色-3
    #C22800
  • Copy
    红色-4
    #F33200
  • Copy
    红色-5
    #F55B33
  • Copy
    红色-6
    #F78466
  • Copy
    红色-7
    #FAAD99
  • Copy
    红色-8
    #FCD6CC
  • Copy
    红色-9
    #FDEAE6
橙色 暖色系:时尚 青春 动感
  • Copy
    橙色-0
    #331400
  • Copy
    橙色-1
    #662800
  • Copy
    橙色-2
    #993D00
  • Copy
    橙色-3
    #CC5100
  • Copy
    橙色-4
    #FF6600
  • Copy
    橙色-5
    #FF8433
  • Copy
    橙色-6
    #FFA366
  • Copy
    橙色-7
    #FFC199
  • Copy
    橙色-8
    #FFE0CC
  • Copy
    橙色-9
    #FFF0E6
黄色 中性暖色系:尊贵 优雅 财富
  • Copy
    黄色-0
    #332800
  • Copy
    黄色-1
    #665100
  • Copy
    黄色-2
    #997900
  • Copy
    黄色-3
    #CCA200
  • Copy
    黄色-4
    #FFCB00
  • Copy
    黄色-5
    #FFD533
  • Copy
    黄色-6
    #FFDF66
  • Copy
    黄色-7
    #FFEA99
  • Copy
    黄色-8
    #FFF4CC
  • Copy
    黄色-9
    #FFF9E6
绿色 中性暖色系:清新 健康 希望 安全 平静 舒适
  • Copy
    绿色-0
    #002B15
  • Copy
    绿色-1
    #00562A
  • Copy
    绿色-2
    #00813F
  • Copy
    绿色-3
    #00AC54
  • Copy
    绿色-4
    #00D96A
  • Copy
    绿色-5
    #33DF87
  • Copy
    绿色-6
    #66E7A5
  • Copy
    绿色-7
    #99EFC3
  • Copy
    绿色-8
    #CCF7E1
  • Copy
    绿色-9
    #E6FBF0
蓝色-1 冷色系:宁静 自由 清新 沉稳 安定
  • Copy
    蓝色-1-0
    #00222B
  • Copy
    蓝色-1-1
    #004457
  • Copy
    蓝色-1-2
    #006683
  • Copy
    蓝色-1-3
    #0088AF
  • Copy
    蓝色-1-4
    #00ABDB
  • Copy
    蓝色-1-5
    #33BBE2
  • Copy
    蓝色-1-6
    #66CCE9
  • Copy
    蓝色-1-7
    #99DDF0
  • Copy
    蓝色-1-8
    #CCEEF7
  • Copy
    蓝色-1-9
    #E6F6FB
蓝色-2 冷色系:宁静 自由 清新 沉稳 安定
  • Copy
    蓝色-2-0
    #001832
  • Copy
    蓝色-2-1
    #002F64
  • Copy
    蓝色-2-2
    #004797
  • Copy
    蓝色-2-3
    #005FC9
  • Copy
    蓝色-2-4
    #0077FC
  • Copy
    蓝色-2-5
    #2F93FC
  • Copy
    蓝色-2-6
    #64AFFD
  • Copy
    蓝色-2-7
    #98C9FD
  • Copy
    蓝色-2-8
    #CBE4FE
  • Copy
    蓝色-2-9
    #E6F2FE
紫色-1 中性冷色系:神秘 高贵 优雅
  • Copy
    紫色-1-0
    #11112A
  • Copy
    紫色-1-1
    #242154
  • Copy
    紫色-1-2
    #36317F
  • Copy
    紫色-1-3
    #4841A9
  • Copy
    紫色-1-4
    #5B52D4
  • Copy
    紫色-1-5
    #7B75DC
  • Copy
    紫色-1-6
    #9B9CE5
  • Copy
    紫色-1-7
    #BCBBED
  • Copy
    紫色-1-8
    #DDDDF6
  • Copy
    紫色-1-9
    #EEEEFA
紫色-2 中性冷色系:神秘 高贵 优雅
  • Copy
    紫色-2-0
    #00021B
  • Copy
    紫色-2-1
    #000436
  • Copy
    紫色-2-2
    #000752
  • Copy
    紫色-2-3
    #00096D
  • Copy
    紫色-2-4
    #000C89
  • Copy
    紫色-2-5
    #333CA0
  • Copy
    紫色-2-6
    #666DB8
  • Copy
    紫色-2-7
    #999DCF
  • Copy
    紫色-2-8
    #CCCEE7
  • Copy
    紫色-2-9
    #E6E7F3
黑色 中性系:深沉 压迫 庄重 神秘
  • Copy
    黑色-0
    #000000
  • Copy
    黑色-1
    #000000
  • Copy
    黑色-2
    #000000
  • Copy
    黑色-3
    #000000
  • Copy
    黑色-4
    #000000
  • Copy
    黑色-5
    #333333
  • Copy
    黑色-6
    #666666
  • Copy
    黑色-7
    #999999
  • Copy
    黑色-8
    #CCCCCC
  • Copy
    黑色-9
    #E6E6E6

上一篇: Token规范 下一篇: 字体