{
  "id": "miniapp-chong-wu-zi",
  "name": "宠物紫",
  "platform": "miniapp",
  "platformLabel": "小程序端",
  "slug": "chong-wu-zi",
  "tags": [
    "活力",
    "可爱",
    "宠粉"
  ],
  "scene": "宠物服务 / 兴趣电商小程序",
  "advice": {
    "family": "蓝",
    "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。",
    "muted": null,
    "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。",
    "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。",
    "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。"
  },
  "source": "preset",
  "score": 86,
  "createdAt": "2026-10-12",
  "license": "数据可自由引用，建议注明来源",
  "page": "https://paletteget.com/zh/palette-list/miniapp/chong-wu-zi/",
  "colors": [
    {
      "key": "theme",
      "label": "主题色",
      "desc": "小程序全局主题色（navigationBar / tabBar 选中）",
      "hex": "#7c5ce0",
      "rgb": "rgb(124, 92, 224)",
      "hsl": "hsl(254.5, 68%, 62%)",
      "hslRaw": {
        "h": 254.5,
        "s": 68,
        "l": 62
      }
    },
    {
      "key": "btn",
      "label": "按钮色",
      "desc": "主要按钮背景",
      "hex": "#7c5ce0",
      "rgb": "rgb(124, 92, 224)",
      "hsl": "hsl(254.5, 68%, 62%)",
      "hslRaw": {
        "h": 254.5,
        "s": 68,
        "l": 62
      }
    },
    {
      "key": "btnDisabled",
      "label": "按钮禁用",
      "desc": "禁用态按钮背景",
      "hex": "#c7b8f2",
      "rgb": "rgb(199, 184, 242)",
      "hsl": "hsl(255.5, 69%, 83.5%)",
      "hslRaw": {
        "h": 255.5,
        "s": 69,
        "l": 83.5
      }
    },
    {
      "key": "bg",
      "label": "页面背景",
      "desc": "页面 backgroundColor",
      "hex": "#f8f7fd",
      "rgb": "rgb(248, 247, 253)",
      "hsl": "hsl(250, 60%, 98%)",
      "hslRaw": {
        "h": 250,
        "s": 60,
        "l": 98
      }
    },
    {
      "key": "card",
      "label": "卡片背景",
      "desc": "商品卡 / 内容卡背景",
      "hex": "#ffffff",
      "rgb": "rgb(255, 255, 255)",
      "hsl": "hsl(0, 0%, 100%)",
      "hslRaw": {
        "h": 0,
        "s": 0,
        "l": 100
      }
    },
    {
      "key": "textMain",
      "label": "主文字",
      "desc": "标题与正文",
      "hex": "#221c33",
      "rgb": "rgb(34, 28, 51)",
      "hsl": "hsl(255.7, 29.1%, 15.5%)",
      "hslRaw": {
        "h": 255.7,
        "s": 29.1,
        "l": 15.5
      }
    },
    {
      "key": "textSub",
      "label": "次文字",
      "desc": "辅助说明、时间戳",
      "hex": "#857e9c",
      "rgb": "rgb(133, 126, 156)",
      "hsl": "hsl(254, 13.2%, 55.3%)",
      "hslRaw": {
        "h": 254,
        "s": 13.2,
        "l": 55.3
      }
    },
    {
      "key": "divider",
      "label": "分割线",
      "desc": "列表分割线",
      "hex": "#e8e4f4",
      "rgb": "rgb(232, 228, 244)",
      "hsl": "hsl(255, 42.1%, 92.5%)",
      "hslRaw": {
        "h": 255,
        "s": 42.1,
        "l": 92.5
      }
    },
    {
      "key": "price",
      "label": "价格色",
      "desc": "价格 / 促销数字，通常暖色系",
      "hex": "#e05134",
      "rgb": "rgb(224, 81, 52)",
      "hsl": "hsl(10.1, 73.5%, 54.1%)",
      "hslRaw": {
        "h": 10.1,
        "s": 73.5,
        "l": 54.1
      }
    },
    {
      "key": "tag",
      "label": "标签色",
      "desc": "标签 / 优惠券底色",
      "hex": "#f0ebfc",
      "rgb": "rgb(240, 235, 252)",
      "hsl": "hsl(257.6, 73.9%, 95.5%)",
      "hslRaw": {
        "h": 257.6,
        "s": 73.9,
        "l": 95.5
      }
    }
  ],
  "roles": {
    "theme": "#7c5ce0",
    "btn": "#7c5ce0",
    "btnDisabled": "#c7b8f2",
    "bg": "#f8f7fd",
    "card": "#ffffff",
    "textMain": "#221c33",
    "textSub": "#857e9c",
    "divider": "#e8e4f4",
    "price": "#e05134",
    "tag": "#f0ebfc"
  },
  "contrast": {
    "textOnBg": {
      "ratio": 15.38,
      "level": "AAA"
    },
    "primaryOnBg": {
      "ratio": 4.42,
      "level": "AA"
    },
    "textOnSurface": {
      "ratio": 16.38,
      "level": "AAA"
    }
  },
  "usage": {
    "cssVariables": ":root {\n  --color-theme: #7c5ce0;\n  --color-btn: #7c5ce0;\n  --color-btnDisabled: #c7b8f2;\n  --color-bg: #f8f7fd;\n  --color-card: #ffffff;\n  --color-textMain: #221c33;\n  --color-textSub: #857e9c;\n  --color-divider: #e8e4f4;\n  --color-price: #e05134;\n  --color-tag: #f0ebfc;\n}",
    "cssUrl": "https://paletteget.com/zh/palette-list/miniapp/chong-wu-zi/index.css"
  }
}