网页界面设计 / UI/UX 设计 - 5种颜色配色方案
主色数量：5 种
点缀色数量：2 种
风格分析
置信度：100
文化背景：现代数字产品设计（美国/全球开源社区）
描述: 该图像为四宫格拼接截图，展示两个持续集成/持续交付（ci/cd）平台的用户界面：左上为 Drone CI 的主页（含机器人飞船插画），右上为 Drone 的‘配置即代码’说明页（含 YAML 配置示例），左下为 Harness 的插件市场页面，右下为 Harness 的文档中心。内容聚焦于软件自动化构建与测试工具的视觉呈现，属商业SaaS产品UI设计，非传统艺术作品。
情感基调：专业、高效、科技感
风格：网页界面设计 / UI/UX 设计
题材：DevOps 工具平台（Drone CI/CD 与 Harness）的官网与文档界面
技法：数字界面截图拼合
主色彩方案
色彩详情
| 颜色 | 色值 | 占比 |
|---|---|---|
| #313C4C | 36.1% | |
| #DFEAF4 | 32.6% | |
| #07182B | 22.3% | |
| #9BAFBF | 7.1% | |
| #0CAEE2 | 1.9% |
点缀色彩
#FA1C0D
#EB8D49
使用建议
- 主色彩可用于品牌标识、网站、绘画、PPT等多种场景的色彩设计
- 占比较大的颜色适合作为背景色或主要界面色彩
- 点缀色可用于按钮、链接、重要信息高亮显示
- 建议在同一设计中保持色彩的层次感和对比度
