配色实验室

温暖纸感底色配沉稳墨蓝，学术又不冷硬（调研首选）

正文

15.6:1

次要

5.7:1

强调

6.4:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

温暖纸感底色配沉稳墨蓝，学术又不冷硬（调研首选）

正文

16.3:1

次要

9.1:1

强调

9.4:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

微冷的石板灰底色配蓝色，理性、工程感

正文

15.6:1

次要

5.7:1

强调

5.8:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

微冷的石板灰底色配蓝色，理性、工程感

正文

16.3:1

次要

9.2:1

强调

9.1:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

几乎无色相的中性灰配系统蓝，最干净、最“苹果”

正文

15.6:1

次要

5.7:1

强调

5.4:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

几乎无色相的中性灰配系统蓝，最干净、最“苹果”

正文

16.3:1

次要

9.1:1

强调

8.5:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

带一点蓝调的底色配朱红强调，东方气质、对比鲜明

正文

15.6:1

次要

5.7:1

强调

5.0:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

带一点蓝调的底色配朱红强调，东方气质、对比鲜明

正文

16.2:1

次要

9.1:1

强调

7.8:1

注：由设计规范调研推导（OKLCH 计算），见 docs/research/design-systems-color.md 第 5 节

汉白玉底配深沉殷红，点缀土黄与苍绿，庄重的宫廷感

正文

12.6:1

次要

4.5:1

强调

9.3:1

注：次要文字 #856d72→#816a6e（仅调明度，对比度 4.33→4.54）

暖粉白纸色配苋菜红，豆沙色正文，琥珀黄点睛，温润喜庆而不艳

正文

12.8:1

次要

4.6:1

强调

6.7:1

注：次要文字 #80766e→#766d66（仅调明度，对比度 3.99→4.56）

红配青的经典对比：枣红强调、青灰正文、深海绿与瓦松绿作辅色，沉静克制

正文

11.6:1

次要

4.6:1

强调

9.5:1

近黑的李紫底，汉白玉文字，胭脂红与琥珀黄点亮，像夜里的宫灯

正文

16.0:1

次要

11.9:1

强调

4.5:1

古鼎灰底配淡曙红，殷红与酱紫做层次，暗而不闷的中国红

正文

12.6:1

次要

10.5:1

强调

4.5:1

注：强调 #ee2746→#f36279（仅调明度，对比度 3.31→4.51）；surface #3f3037 为古鼎灰提亮一级（非数据集色）

白釉般的皦玉底配钴蓝，霁蓝与月白作层次，青花瓷的清雅

正文

11.4:1

次要

4.5:1

强调

7.2:1

注：次要文字 #7d929f→#5a6e7a（仅调明度，对比度 2.76→4.54）；“青花/青花瓷蓝”没有可查的色值，强调色用钴蓝颜料色 #0047AB（英文维基百科）；其余色取自郭浩《中国传统色》数据集；surface #f7f8f5 为皦玉提亮（非数据集色）

红与青花蓝的经典搭配：中国红作强调，钴蓝与霁蓝作辅色，獭见深色正文

正文

14.5:1

次要

4.5:1

强调

5.4:1

注：次要文字 #7d929f→#5a6e7a（仅调明度，对比度 2.76→4.54）；中国红 #AA381E 取自维基百科（ISCC-NBS “Chinese red”，单一来源）；钴蓝取自英文维基百科；其余取自郭浩《中国传统色》数据集

淡青瓷釉色作底，檀色作强调，天水碧与苍筤作辅色，温润如玉

正文

9.4:1

次要

4.5:1

强调

4.5:1

注：次要文字 #7d929f→#4f616c（仅调明度，对比度 2.28→4.55）；强调 #b26d5d→#894f41（仅调明度，对比度 2.83→4.55）；“青瓷/天青/秘色”没有可查的标准色值；浅青瓷釉色、龍泉青瓷釉色取自 flinhong/colors（单一来源）；檀色、苍筤、天水碧、檀褐、皦玉、绀蝶、秋蓝取自郭浩《中国传统色》数据集

深夜蓝的獭见作底，朱樱、胭脂虫、黄丹层层递进，缃叶点金，宫墙夜色

正文

14.5:1

次要

8.3:1

强调

4.6:1

注：强调 #ab1d22→#e25459（仅调明度，对比度 2.36→4.55）；全部取自郭浩《中国传统色》数据集（含书中 CMYK）。“宫墙红/故宫红”没有可查的色值，故用书中朱樱、胭脂虫代替

灰调的青、赭与亚麻色彼此压低饱和度，安静、克制，像蒙了一层薄尘的静物。

正文

10.5:1

次要

5.2:1

强调

2.7:1

注：“莫兰迪色”是非正式标签，无标准色值；此组为第三方网站从莫兰迪画作图像中提取的主色（色名为本文所加）。

月白打底、青灰写字、鷃蓝点题，清冷如宋瓷与水墨远山。

正文

11.7:1

次要

6.4:1

强调

8.5:1

汉白玉与珍珠灰的暖白底，配藕荷、玉红与暗玉紫，温润含蓄。

正文

11.3:1

次要

4.5:1

强调

4.5:1

注：muted 原色 #856d72 对 bg 仅 4.33:1，按同色相调整明度至 #816a6e。

白練纸底、利休鼠与鈍色的灰阶、一点藍，素朴而有书卷气。

正文

16.3:1

次要

5.5:1

强调

8.0:1

和纸般的鳥の子、砥粉与柿渋，暖棕与墨色相衬，有无印良品式的朴素质感。

正文

16.3:1

次要

9.4:1

强调

4.7:1

褐与紺的深藍夜色，白練作字、錆浅葱点缀，沉稳深邃，适合暗色模式。

正文

16.9:1

次要

6.1:1

强调

5.6:1

克莱因蓝、蒂芙尼蓝、爱马仕橙、博柏利驼色与卡地亚红，各自是一个品牌的“签名”，宜单色点缀而非整体铺陈。

正文

21.0:1

次要

7.0:1

强调

10.7:1

注：IKB 与 Tiffany Blue 取自 Wikipedia 信息框；Hermès、Burberry、Cartier 均无官方 hex，取第三方品牌色网站值，各站说法不一（Hermès 另见 #F37021/#FF5A00，Cartier 另见 #D50032/#E90000，Burberry 另见 #D6CAB2）。Bottega Veneta 绿未找到可靠 hex，故未收录。

近白的 #f5f5f7 衬底、近黑的 #1d1d1f 正文与一抹系统蓝，干净、精确、产品感强。

正文

16.8:1

次要

5.1:1

强调

4.7:1

从经典蓝到云舞白，七年的流行色并置：一组偏时尚、带时代感的配色素材。

正文

7.6:1

次要

4.6:1

强调

5.2:1

注：Pantone 官网色值由 JS 渲染无法直接抓取，此处 hex 取自 W3Schools 汇总页，为 Pantone 公布的 sRGB 近似；另有来源把 Classic Blue 记为 #34568B。 muted 原色 #a47864 对 bg 仅 3.32:1，按同色相调整明度至 #896251。

仿模拟印刷的暖白纸底与墨色正文，像一本好排版的纸质书。

正文

18.6:1

次要

5.0:1

强调

6.4:1

近黑的暖墨底配米灰文字，暗而不冷，长时间阅读也舒适。

正文

12.0:1

次要

5.2:1

强调

4.9:1

北极冰原般的蓝灰暗色，冷静、通透，北欧极简的代表。

正文

10.8:1

次要

4.5:1

强调

6.2:1

注：muted 原色 #4c566a 对 bg 仅 1.69:1，按同色相调整明度至 #929cb1。

雪白微蓝的底色与极夜灰正文，北欧式的清爽与克制。

正文

10.8:1

次要

6.4:1

强调

3.5:1

米黄纸底与蓝绿灰文字，按 CIELAB 明度精确设计的经典配色。

正文

5.0:1

次要

4.6:1

强调

3.4:1

注：muted 原色 #657b83 对 bg 仅 4.13:1，按同色相调整明度至 #5f747c；text 对比度 4.99:1，满足 AA (4.5) 但未达 AAA (7)。

深青底色与柔和的灰青文字，低对比、护眼，极具辨识度。

正文

5.6:1

次要

4.7:1

强调

4.7:1

注：text 对比度 5.61:1，满足 AA (4.5) 但未达 AAA (7)。

暖粉米白的底色与紫灰文字，柔和、文艺、带一点花香。

正文

8.7:1

次要

4.5:1

强调

5.6:1

注：muted 原色 #797593 对 bg 仅 4.02:1，按同色相调整明度至 #716d8c。

深紫夜色上的玫瑰、金与松绿，温柔而有氛围感的暗色。

正文

13.4:1

次要

5.5:1

强调

10.5:1

奶白蓝灰的底色加柔和的粉彩点缀，轻盈、友好。

正文

7.1:1

次要

4.5:1

强调

4.8:1

注：muted 原色 #6c6f85 对 bg 仅 4.37:1，按同色相调整明度至 #6a6d82。

深靛蓝夜色与霓虹蓝紫点缀，像东京街头的夜景。

正文

10.6:1

次要

4.5:1

强调

6.8:1

注：muted 原色 #737aa2 对 bg 仅 4.10:1，按同色相调整明度至 #7b81a7。

带一丝蓝的冷中性灰，理性、专业，配靛蓝最自然。

正文

16.0:1

次要

5.8:1

强调

5.1:1

注：强调色按 Radix 文档“Natural pairing”建议搭配。

带暖黄的中性灰，像旧纸与细沙，温和耐看，配棕/琥珀色。

正文

16.0:1

次要

5.9:1

强调

3.5:1

注：强调色按 Radix 文档“Natural pairing”建议搭配。

带淡紫的中性灰，柔和优雅，配梅紫/洋红点缀。

正文

15.9:1

次要

5.8:1

强调

4.6:1

注：强调色按 Radix 文档“Natural pairing”建议搭配。

带绿意的中性灰，自然、安静，配草绿点缀。

正文

16.0:1

次要

5.8:1

强调

3.0:1

注：强调色按 Radix 文档“Natural pairing”建议搭配。

暖调的石灰中性色，比纯灰更有温度，配琥珀色点缀。

正文

16.7:1

次要

7.3:1

强调

4.8:1

注：Tailwind v4 改用 OKLCH 定义，此处为 v3.4 的 hex 值；强调色 amber-700 为本文搭配。

略带冷调的锌灰，干净利落，是许多现代产品站的默认中性色。

正文

17.0:1

次要

7.4:1

强调

6.0:1

注：Tailwind v4 改用 OKLCH 定义，此处为 v3.4 的 hex 值；强调色 indigo-600 为本文搭配。

标志性的鲑粉色报纸底、深石板字与酒红点缀，权威而有报刊气质。

正文

13.0:1

次要

5.6:1

强调

7.6:1

注：muted #66605c 为 FT 的 black-60 色调，按 o-colors 的混色规则（black 以 60% 混入 paper）推算，非源文件直接列出的值。

纯白、纯黑加一抹瑞士红，网格海报式的理性与冲击力。

正文

21.0:1

次要

7.0:1

强调

4.9:1

注：“瑞士风格”没有官方色板；红色取瑞士国旗 Pantone 485C 对应的 #DA291C（Wikipedia），muted #595959 为补充的中性灰。仅 4 个色块。

粉紫、杏橙与酒红的糖果盒配色，对称、复古又戏剧化。

正文

8.4:1

次要

4.6:1

强调

1.9:1

注：色值来自 R 包 wesanderson（作者从电影画面取色），非电影官方色；色名为本文所加。 muted 原色 #7294d4 对 bg 仅 1.95:1，按同色相调整明度至 #30569e。

灰粉、驼色与锈红，像旧纸箱与垃圾岛的暮色，低调而有电影感。

正文

12.3:1

次要

8.8:1

强调

5.6:1

注：色值来自 R 包 wesanderson（作者从电影画面取色），非电影官方色；色名为本文所加。