企业级科技蓝配色的完整色值方案，包含主色、辅助色、中性色，还标注了用法，直接复制就能用在 PPT、Figma 或原型里。
🎨 完整配色方案（适配这张架构图）
1. 主色系列（核心品牌蓝）
这是架构图中最醒目的蓝色，用于核心模块高亮、标题栏、侧边栏，传递专业科技感。
表格
| 色号 | Hex 色值 | RGB | 用途说明 |
|---|---|---|---|
| 主色（深） | #2B5BCC | rgb(43, 91, 204) | 核心模块高亮（如可视化开发平台、应用部署平台的深蓝色背景）、侧边栏、主标题、重点按钮 |
| 主色（中） | #4A76D8 | rgb(74, 118, 216) | 次重点模块背景、卡片边框、高亮文字 |
| 主色（浅） | #6B94E8 | rgb(107, 148, 232) | 辅助按钮、标签背景、次要高亮元素 |
2. 辅助色系列（同色系浅蓝）
用于架构图中的模块背景、次要按钮、分隔区域，保持整体和谐，不抢主色的风头。
表格
| 色号 | Hex 色值 | RGB | 用途说明 |
|---|---|---|---|
| 辅助蓝 1 | #E8F0FF | rgb(232, 240, 255) | 模块背景色、卡片浅底色 |
| 辅助蓝 2 | #D4E2FF | rgb(212, 226, 255) | 分隔线、模块边框、hover 状态背景 |
3. 中性色系列（白 / 灰）
大面积背景、文字、分隔线使用，保证可读性，让复杂架构不杂乱。
表格
| 色号 | Hex 色值 | RGB | 用途说明 |
|---|---|---|---|
| 背景白 | #FFFFFF | rgb(255, 255, 255) | 页面主背景、卡片底色 |
| 浅灰 1 | #F5F7FA | rgb(245, 247, 250) | 模块背景、次要卡片底色 |
| 浅灰 2 | #E5E7EB | rgb(229, 231, 235) | 分隔线、边框、次要文字背景 |
| 深灰（正文） | #333333 | rgb(51, 51, 51) | 正文文字、模块内描述文本 |
| 中灰（次要文字） | #666666 | rgb(102, 102, 102) | 次要说明文字、标注文字 |
| 浅灰（禁用文字） | #999999 | rgb(153, 153, 153) | 非重点文字、注释文本 |
4. 搭配使用小技巧
- 层级逻辑：用「深主色 → 中主色 → 浅辅助蓝 → 白 / 浅灰」的顺序区分架构层级，一眼就能分清核心模块和次要模块。
- 文字对比度：深背景（深蓝色）上用白色文字，浅背景（白 / 浅灰）上用深灰 / 黑色文字，避免用低对比度文字（比如浅蓝背景配浅蓝文字）。
- 克制点缀：整张图里只保留蓝色和中性色，不额外加入红、黄、绿等彩色，保持企业级产品的稳重感。
