HyperFrames 高级珠宝配色指南：Jewel / Rich 调色板全解析与实战落地

Jewel / Rich 是 HyperFrames 创意技能体系（hyperframes-creative）内置的 9 套调色板之一，专为奢侈、宴会活动、高端精致内容提供 8 组宝石质感配色（酒红、紫晶、琥珀金、深青绿等）。本文以 jewel-rich.md 为骨架，完整收录全部 8 组色值，并结合技能内的设计规范（house-style、design-spec、design-adherence）讲解如何把色组拆解为可落地的 bg / fg / accent 三层 token、写入 frame.md / design.md，以及如何通过对比度与一致性校验产出合规的高端视频画面。

Jewel / Rich 在 creative 技能中的定位

在 SKILL.md 的路由表中，palettes/*.md 被定义为"Palette-specific color tokens"（配色专属 token 来源），与 house-style.md、visual-styles.md、design-picker.md 等参考资料并列。当项目没有设计规范（frame.md / design.md）时，技能推荐从 house-style.md 的调色板路由表直接选一套：

类别	适用场景	文件
Bold / Energetic	产品发布、社交媒体、公告	palettes/bold-energetic.md
Warm / Editorial	叙事、纪录片、案例研究	palettes/warm-editorial.md
Dark / Premium	科技、金融、奢侈、电影感	palettes/dark-premium.md
Clean / Corporate	解释视频、教程、演示	palettes/clean-corporate.md
Nature / Earth	可持续、户外、有机	palettes/nature-earth.md
Neon / Electric	游戏、科技、夜生活	palettes/neon-electric.md
Pastel / Soft	时尚、美妆、生活方式、健康	palettes/pastel-soft.md
Jewel / Rich	奢侈、宴会活动、精致高端	palettes/jewel-rich.md
Monochrome	戏剧性、强调排印	palettes/monochrome.md

Jewel / Rich 与 Dark / Premium 同属"高级感"阵营，但气质不同：Dark / Premium 偏科技感与电影感（深黑蓝 + 电光色），而 Jewel / Rich 偏实体宝石与庆典质感——酒红、猩红、紫晶、琥珀金、奶油色与深海蓝的组合，天然适合晚宴邀请、颁奖典礼、高定品牌、珠宝/香氛发布、红毯造型、VIP 活动等高净值场景。技能原文对它的定位只有一句："Luxury, events, sophisticated, high-end content."，本文的 8 组色值正是围绕这一气质展开。

八大宝石色组完整色值清单

jewel-rich.md 提供 8 行 × 5 色的色组，每一行都是一个可以独立成景的组合。以下逐组解读其色彩构成与建议应用方向（色值原样继承，未做任何改动）。

色组一：梅红 × 酒红 × 琥珀 × 深青绿

#5F0F40 #9A031E #FB8B24 #E36414 #0F4C5C

• #5F0F40 深梅紫（背景级深色）、#9A031E 酒红、#FB8B24 琥珀橙、#E36414 火焰橙、#0F4C5C 深青绿。
• 这组是典型的"暖色主导 + 冷色收边"结构：红橙系负责奢华与温度，深青绿提供互补色张力，适合需要"昂贵感"的晚宴主视觉、红毯背景板、高端活动开场帧。

色组二：深血红 × 猩红 × 奶油 × 深海蓝

#780000 #C1121F #FDF0D5 #003049 #669BBC

• #780000 深血红、#C1121F 猩红、#FDF0D5 奶油白、#003049 深海蓝、#669BBC 灰蓝。
• 经典的"红金奶油"皇家配色：猩红 + 奶油白 + 海军蓝是三色旗式的稳重组合。其中 #C1121F 与 visual-styles.md 中 Shadow Cut 风格的 accent 一致，说明这是技能体系内公认的高戏剧性红色，适合颁奖典礼、皇室风、庆典揭幕。

色组三：单一紫色系的五级明度渐变

#10002B #240046 #3C096C #5A189A #7B2CBF

• #10002B 墨紫黑、#240046 深紫、#3C096C 紫罗兰、#5A189A 皇家紫、#7B2CBF 亮紫。
• 这是 8 组中唯一"单一色相纵向渐变"的色组：从近黑的墨紫一路亮到紫水晶。用它做背景可以天然获得同色系深度层次（前景亮紫、背景深紫、文字近黑），非常适合珠宝品牌片、夜场活动、以及需要"神秘 + 华贵"双气质的开场。

色组四：蓝灰 × 藕紫 × 玫瑰 × 暖沙

#355070 #6D597A #B56576 #E56B6F #EAAC8B

• #355070 蓝灰、#6D597A 藕紫灰、#B56576 玫瑰紫、#E56B6F 珊瑚玫瑰、#EAAC8B 暖沙。
• 8 组中最"柔和"的一组：饱和度整体偏低，像磨砂质感的宝石。适合高端生活方式、沙龙/香槟调性、轻奢品牌故事片，比纯高饱和的酒红金更内敛。

色组五：深可可 × 古铜金 × 焦糖 × 浅金奶

#6F1D1B #BB9457 #432818 #99582A #FFE6A7

• #6F1D1B 深可可、#BB9457 古铜金、#432818 深褐、#99582A 焦糖、#FFE6A7 浅金奶。
• 巧克力 + 金箔质感，是 8 组中最"老钱（old money）"的一组。适合威士忌、皮具、腕表、私人会所、VIP 邀请函等强调手工感与年代感的场景；#FFE6A7 这类浅金奶色也非常适合做衬线体标题字色。

色组六：茄紫黑 × 薰衣草 × 藕粉紫

#231942 #5E548E #9F86C0 #BE95C4 #E0B1CB

• #231942 茄紫黑、#5E548E 灰紫、#9F86C0 薰衣草、#BE95C4 淡紫、#E0B1CB 藕粉紫。
• 淡雅系薰衣草，是 8 组中最"仙"的一组。适合婚礼、高端香水、优雅晚装、名媛活动；#231942 做背景、#E0B1CB 做文字、#9F86C0 做强调，是这条色组最稳的拆法。

色组七：暗酒红 × 莓红 × 蜜桃粉

#461220 #8C2F39 #B23A48 #FCB9B2 #FED0BB

• #461220 暗酒红、#8C2F39 石榴红、#B23A48 莓红、#FCB9B2 蜜桃粉、#FED0BB 肤粉。
• 从深莓果到蜜桃粉的完整过渡，自带"红唇到肤色"的彩妆逻辑。适合口红/彩妆发布、高定秀场、美容沙龙；#FCB9B2 与 #FED0BB 也适合做皮肤/产品特写帧的衬底色。

色组八：暗红 × 亮金 × 琥珀 × 正红

#780116 #F7B538 #DB7C26 #D8572A #C32F27

• #780116 暗红、#F7B538 亮金、#DB7C26 琥珀、#D8572A 橘红、#C32F27 正红。
• 红金橙三连的"火彩"组合，8 组中庆典感最强。适合年终盛典、奖杯揭幕、金缮/烧制工艺、农历新年等节庆场景；#F7B538 亮金作为 accent 在深色背景上非常出挑。

从色组推导 bg / fg / accent 三层结构

jewel-rich.md 本身只给色值，不指定角色分配——如何用，由 house-style.md 的规则决定。其核心纪律是：

1. 写 HTML 之前先声明：一个背景（bg）、一个前景（fg）、一个强调（accent），全片统一，不得按元素临时发明颜色；
2. 单一 accent 色相：每场戏用同一个强调色；
3. 所有场景共享同一背景；
4. 中性色向 accent 偏移：哪怕是细微的暖/冷倾向，也好过死灰；
5. 明暗匹配内容：美食、健康、亲子 → 亮色；科技、电影、金融 → 深色。奢华内容天然属于深色阵营。

据此，宝石色组的通用拆法可以概括为：取色组中最深的 1–2 个色做背景层（bg / surface），取奶油、浅金、浅粉等高明度色做文字层（fg），取琥珀、亮金、猩红等高饱和暖色做强调层（accent）。例如：

• 色组一可拆为：bg #5F0F40（梅紫）、fg #FDF0D5 方向（借用色组二的奶油白）、accent #FB8B24（琥珀）；
• 色组三可拆为：bg #10002B（墨紫黑）、fg #E0B1CB 方向（借用色组六的藕粉紫）、accent #7B2CBF（亮紫）；
• 色组八可拆为：bg #780116（暗红）、fg #FFE6A7 方向（借用色组五的浅金奶）、accent #F7B538（亮金）。

这种"跨色组借用高明度浅色做前景"的做法，与 house-style 中"declare bg, fg, accent before writing code"的流程一致——色组给出的是色相与明度素材，角色分配是你的设计决策。

落地为 frame.md / design.md 规范

当项目需要把 Jewel / Rich 固化为一套可复用的设计规范时，按照 design-spec.md 的约定写入 frame.md（视频项目首选）或 design.md（Web/静态页面）：

• YAML frontmatter 是规范层：colors、typography、spacing、components 中的值必须逐字引用（精确 hex、字体族、字重），不得发明或四舍五入；
• 正文 prose 是上下文：## Overview、## Colors、## Typography 等小节承载意图与约束，供判断而非取值；
• 读取优先级：frame.md → design.md → DESIGN.md，只读第一个存在的文件，其余忽略。

基于色组一，一份最小可用的 frame.md frontmatter 示例：

name: Jewel / Rich
colors:
  bg: "#5F0F40"
  surface: "#9A031E"
  fg: "#FDF0D5"
  accent: "#FB8B24"
  muted: "#E36414"
  teal: "#0F4C5C"
typography:
  headline:
    fontFamily: "serif display"   # 按 typography.md 的衬线 + 无衬线搭配原则替换为具体字体
    fontSize: 4rem
    fontWeight: 700
  body:
    fontFamily: "sans body"
    fontSize: 1rem
    fontWeight: 400
spacing:
  sm: 12px
  md: 24px
  lg: 48px

关于字体搭配，typography.md 的快速规则是"衬线 + 无衬线（不能两个无衬线）、标题 700–900 / 正文 300–400、标题 60px+ / 正文 20px+"。奢侈感排版尤其适合"大衬线标题 + 细无衬线正文 + 大字号字距（letter-spacing）"的组合——这与 visual-styles.md 中 Velvet Standard（高级、永恒，适合奢侈品牌、企业、主题演讲）的 token 气质一致：细字重、全大写、宽字距、长停留、慢进入缓出（sine.inOut），"奢华需要时间"。

若项目需要交互式选色，可参考 design-picker.md：它为每次生成 5–6 套调色板，要求明暗混合、在色卡尺寸下肉眼可区分，并强调调色板命名应来自品牌世界而非通用情绪词——Jewel / Rich 这类"宝石命名法"正是其推荐方向。

对比度校验与设计一致性验证

奢华配色往往是深底浅字，但好看不等于合规。creative 技能对颜色有硬性门槛：

1. WCAG AA 对比度：house-style 明确写明对比度由 hyperframes check 强制校验（WCAG AA），"去掉装饰后文字必须仍可读"。宝石色组中的深背景（如 #10002B、#780000）搭配奶油/浅金文字（#FDF0D5、#FFE6A7）通常方向正确，但具体每对组合都应交给校验工具确认，而不是凭直觉；
2. 设计一致性检查：design-adherence.md 要求成片后在预览前逐项核对：颜色（HTML 中每个 hex 必须出现在规范的调色板段落中，出现任何自创颜色都要标记）、字体（族与字重不得替换）、圆角、间距、阴影层级以及 Do's / Don'ts 避讳清单；
3. 渲染后对比度复核：技能目录下的 scripts/contrast-report.mjs 可以从渲染帧中检查对比度告警，作为 hyperframes check 之外的第二道防线。

从源码结构看，该脚本与 house-style.md 的"对比度强制校验"承诺形成闭环：先在设计阶段声明色组，再在构建后核查每个实际出现的色值是否仍在色组内——这正是"调色板不是参考图，而是契约"的体现。

使用边界与注意事项

最后，SKILL.md 为 creative 技能（含调色板使用）划定了边界，同样适用于 Jewel / Rich：

• 不覆盖 hyperframes-core 的技术规则：配色属于创意层，不能越权修改底层技术契约；
• 不要求最小技术型构图必须有设计系统：简单任务直接选一套色组即可，不必铺开整套 design spec；
• 不擅自加戏：除非需求明确或先提出扩充建议，否则不要额外添加场景、旁白、音乐、字幕或转场；
• 按需引用：简单编辑不必读完全部 reference 文档——选定 Jewel / Rich 色组后，通常只需配合 house-style 的 bg/fg/accent 声明与 design-adherence 的颜色检查即可开写 HTML。

一句话总结这套方法论：Jewel / Rich 提供的是 8 组经过筛选的宝石级色值素材，house-style 告诉你如何把它拆成 bg / fg / accent 三层契约，design-spec 负责把契约固化成 frame.md / design.md，design-adherence 与对比度校验则保证成片没有背叛这套契约。 按此流程，任何"奢侈、宴会、高端"主题的 HyperFrames 视频都能在几分钟内获得一套既华丽又合规的视觉基调。