色彩工具

Tags
design
Created
Aug 16, 2019 9:33 AM

https://material.io/resources/color

// 适合 UI,但还需要一些自我发挥

Primary(P), P-Light, P-Dark, Secondary(S), S-Light, S-Dark, T(on P), T(on S) // S 可选

配色:https://www.happyhues.co/

https://color.adobe.com/create

// 适合插图主题

以一个基准颜色进行主题配色,不指定中性色,方式有:

  • analogous
  • monochromatic
  • triad
  • complementary
  • compound
  • shades

从图像中获取,模式有:

  • Colorful
  • Bright
  • Muted
  • Deep
  • Dark

https://element.eleme.io/#/en-US/theme/preview

Brand Color:

  • color-primary

Functional Color:

  • color-success
  • color-warning
  • color-danger
  • color-info

Font Color:

  • color-text-primary
  • color-text-regular
  • color-text-secondary
  • color-text-placeholder

Border Color:

  • border-color-base
  • border-color-light
  • border-color-lighter
  • border-color-extra-light

Background Color:

  • color-white
  • color-black
  • background-color-base
SuperMade with Super