{
  "schemaVersion": 1,
  "updatedAt": "2026-10-20",
  "source": {
    "id": "realtimecolors",
    "name": "Realtime Colors",
    "description": "在网页中预览文字、背景和主辅色，检查对比度，并导出 CSS 或 Tailwind 配色。",
    "category": "配色",
    "tags": [
      "实时预览",
      "对比度",
      "CSS 导出"
    ],
    "url": "https://www.realtimecolors.com/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/realtimecolors/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/realtimecolors/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 0,
    "scope": {
      "status": "公开配色工具",
      "note": "收录官网工具入口；未扩展为组件或效果目录。",
      "capturedAt": "2026-10-20"
    },
    "offers": [
      {
        "id": "public-color-tool",
        "label": "配色工具公开入口",
        "platforms": [
          "web"
        ],
        "resources": [
          "palette",
          "tool"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://www.realtimecolors.com/",
            "date": "2026-10-20",
            "note": "官网明确说明工具免费，提供文字、背景、主辅色与强调色控件、对比度说明，以及 CSS、Tailwind CSS、SCSS 导出选项。 官网说明工具免费；本轮未实际操作对比度检查与导出。这里只提供颜色配置，不是 UI 组件源码。"
          }
        ]
      }
    ],
    "featuredSamples": [],
    "discovery": {
      "id": "realtimecolors",
      "checkedAt": "2026-10-20",
      "reviewStatus": "verified",
      "materials": [
        "palettes",
        "tools"
      ],
      "scenes": [],
      "platforms": [
        "web"
      ],
      "frameworks": [],
      "outputs": [
        "reference",
        "tool"
      ],
      "summary": "在网页中预览文字、背景和主辅色，检查对比度，并导出 CSS 或 Tailwind 配色。",
      "routes": [
        {
          "kind": "html",
          "url": "https://www.realtimecolors.com/",
          "verified": true,
          "anonymous": true,
          "free": true,
          "purpose": "读取网页配色预览工具、颜色角色与导出选项",
          "notes": "官网说明工具免费；本轮未实际操作对比度检查与导出。这里只提供颜色配置，不是 UI 组件源码。",
          "scopes": [
            {
              "materials": [
                "palettes",
                "tools"
              ],
              "outputs": [
                "reference",
                "tool"
              ],
              "scenes": [],
              "platforms": [
                "web"
              ],
              "frameworks": []
            }
          ]
        }
      ],
      "access": {
        "anonymousScope": "读取网页配色预览工具、颜色角色与导出选项",
        "loginRequiredFor": [],
        "paidAreas": [],
        "limitations": [
          "官网说明工具免费；本轮未实际操作对比度检查与导出。这里只提供颜色配置，不是 UI 组件源码。",
          "只核验公开页面与说明，不代表全部功能、账户服务或下载免费。"
        ]
      },
      "evidence": [
        {
          "url": "https://www.realtimecolors.com/",
          "title": "Realtime Colors",
          "observation": "官网明确说明工具免费，提供文字、背景、主辅色与强调色控件、对比度说明，以及 CSS、Tailwind CSS、SCSS 导出选项。"
        }
      ],
      "notes": "本轮为公开页面与文本核验；浏览器连接超时，未完成实际交互验收。",
      "name": "Realtime Colors",
      "url": "https://www.realtimecolors.com/",
      "category": "配色",
      "eligible": true
    }
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 0,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": []
}