使用手册Manual

面向日常使用的完整功能说明。基础流程见入门教程。Complete day-to-day feature reference. For basics see Getting Started.

1 · 主题操作台1 · Theme Console

操作台是全站的控制中枢：主色/副色拾色器与 HEX 输入、名称与分类/行业元信息。所有修改即时生效并同步到预览、导出与令牌输出。副色区提供"自动适配生成"（按当前主色推导候选，首位候选自动加载）与"第三色自动匹配"（按规则以主色为基准生成第三色）。The console is the control center: primary/secondary pickers and HEX inputs, name and category/industry metadata. Every edit applies instantly and syncs to previews, exports and token output. The secondary area offers auto-fit generation (candidates derived from the current primary; the first one auto-loads) and third-color auto-match (rule-based, anchored on the primary).

2 · 配色关系模式与辅助色2 · Harmony Modes & Auxiliary Colors

主体色（主色系）Body color (the series)

主体色支持单色 / 双色 / 三色三种模式，模式由成员数自动派生（1/2/3 个色），无需手动切换：The body color runs in single / dual / triad modes, derived automatically from the member count (1/2/3):

• 单色模式：副色取主色系深档变体，按钮/进度/标签等组件照常工作；Single: the secondary becomes a deep primary variant — buttons/progress/tags keep working;
• 双色模式：主 + 副两色；Dual: primary + secondary;
• 三色模式：增加第三色一等位（独立拾色器、X 删除、拖拽互换）。Triad: adds a first-class third color (own picker, X to delete, drag to swap).

十种关系规则Ten relation rules

"规则补色"下拉将十种经典配色设计映射为可执行规则：互补、冲突、中性（双色可用）与类比、分裂补色、三次色、原色组合、二次色组合、纯色（三色可用；纯色跨 1–3 色）。不适用于当前操作的规则会置灰。选中规则后可"补副色 / 补第三色"。The "rule fill" dropdown maps ten classic designs to executable rules: complement, clash, neutral (dual) and analogous, split-complement, tertiary, primary-combo, secondary-combo, pure (triad; pure spans 1–3 members). Rules that don't apply are disabled. With a rule selected, fill the secondary / third in one click.

辅助色（主体色之外）Auxiliary colors (outside the body)

独立槽位 0..12，与主体色模式无关：手动添加、按规则生成、与主/副/第三一键互换（↔主/↔副/↔三）、上下移、拖拽排序。辅助色进入全部下游产物（CSS 变量、WordPress 色板、Tailwind 色族、渐变色源、分享链接、主题包）。Independent slots 0..12, unrelated to the body mode: add manually, generate by rule, swap with primary/secondary/third (↔Pri/↔Sec/↔3rd), move up/down, drag to reorder. Auxiliaries flow into every output (CSS vars, WordPress palette, Tailwind families, gradient sources, share links, theme packs).

3 · 配色宝典选色3 · Color Baodian Picker

点击"宝典选色"打开弹层：左侧 24 种情感分类，右侧按 CHM 原版式排布的 10 形态 × 1440 组合色卡。点击任意组合即套用到主体色（自动记录快照，"还原用户色"回退）；情感行内 ⚡ 一键套用该情感的首个补色组合。"Baodian pick" opens a modal: 24 mood categories on the left, combo cards in the original CHM layout on the right — 10 forms × 1,440 combos. Clicking a combo applies it to the body color (a snapshot is recorded; "Restore my colors" rolls back). The ⚡ on each mood applies its first complement combo instantly.

4 · 渐变设置4 · Gradients

8 个渐变角色（carousel/hero 等）均可配置：色系来源（主色/副色/第三色/辅助色 N）、色阶端点、角度、前色占比偏置。色系下拉为带色块预览的自定义组件，改一个参数立即反映到所有预览与导出。Eight gradient roles (carousel/hero/…) are configurable: color source (primary/secondary/third/auxiliary N), shade endpoints, angle, and front-color bias. The source dropdown is a custom combo with swatch previews; every change lands in previews and exports immediately.

5 · 主题市场5 · Theme Market

• 本地库：内置预设 + 自定义预设，支持搜索、分类/行业筛选、应用、删除；Local library: built-in and custom presets with search, category/industry filters, apply and delete;
• 导入/导出：主题包 JSON（id 冲突自动重命名合并），也可整库导出备份；Import/export: JSON theme packs (id clashes auto-renamed on merge); the whole library can be exported as a backup;
• 分享链接：URL hash 承载完整主题（含三色/辅助色契约），打开即还原；Share links: the URL hash carries the whole theme (including third/aux contract fields) and restores on open;
• 远程源：添加 JSON URL 订阅远程预设（内置 HIA 官方示例源），支持多源管理与全部导入。Remote sources: subscribe to remote presets via JSON URL (the official example source is built in), with multi-source management and bulk import.

6 · 网址取色探索（桌面端专属）6 · URL Color Exploration (desktop only)

输入网址后由桌面端真实渲染页面并多信号加权分析（文本/边框/logo/manifest 等来源），输出推荐主副色、置信度、理由与 12 个备选色。应用范围可勾选：应用主副色 与 应用其它色到辅助色（候选色自动填充辅助槽位）。安全上内置 SSRF 双重防护（私网/保留地址拦截 + 逐请求 CDP 级裁决）。暗色双模式自动复采，失败时明确提示且不影响主结果。Enter a URL and the desktop build renders the page for real, scoring it with weighted multi-signal analysis (text/borders/logo/manifest). You get recommended primaries/secondaries with confidence, reasons, and 12 candidates. Apply scope is checkbox-controlled: apply primary & secondary and apply other colors to auxiliary (candidates fill the aux slots). Security includes dual-layer SSRF protection (private/reserved blocking + per-request CDP adjudication). Dark dual-mode rescans automatically; failures are reported explicitly without affecting the main result.

7 · 预览区7 · Preview Area

PC 版企业后台：六页示例 × 左右/上下/混合三种结构 × 明暗双模式；设置页实时显示主题名称与主/副/第三/辅助色卡。小程序示例：首页/列表/详情/我的/表单五页。经典支持预览：WordPress 前后台与 Tailwind 落地页的真实场景注入。Enterprise admin: six pages × three layouts × dark/light; the settings page shows the theme name and primary/secondary/third/auxiliary swatches live. Mini-program: five sample pages. Classic targets: WordPress front/admin and a Tailwind landing page with your tokens injected.

8 · 界面语言8 · Interface Language

右上角 EN 按钮切换中/英界面；双语切换对演示内容往返无损。导出产物内容不随界面语言变化（数据确定性）。The EN button in the top-right toggles Chinese/English; demo content round-trips losslessly. Export artifacts never change with the UI language (data determinism).