颜色生成器

最多支持3个主色，主色可锁定/随机/删除，主色即500色值。

主色（Primary）

配置导出

module.exports = {
  theme: {
    extend: {
      colors: {
        azure radiance: {
    50: "#edffff",
    100: "#daf5ff",
    200: "#b1d7ff",
    300: "#84b7ff",
    400: "#609cff",
    500: "#3b82f6",
    600: "#296bd7",
    700: "#1a55b1",
    800: "#124089",
    900: "#112f5f",
    950: "#0e1e39"
        }
      }
    }
  }
}

Azure Radiance

100

200

300

400

500

600

700

800

900

950

UI示例

管理你的
支出轻松掌控财务状况

支出总览

¥12,543

掌控全局建立有效管理体系

分类

日常购物

9 笔交易

家庭支出

12 笔交易

差旅交通

6 笔交易

其他

6 笔交易

制定预算科学规划财务目标

收入

¥15,989

上期 ¥18,871

支出

¥12,543

上期 ¥10,221

储蓄

¥5,210

上期 ¥10,221