UI界面设计 - 15种颜色配色方案
主色数量：15 种
点缀色数量：1 种
风格分析
置信度：1
文化背景：数字产品设计
描述：一张现代前端开发工具的‘主题管理器’界面截图，用于配置轻量模式下的主色、辅色、三级色及其在不同状态（如Primary、Fixed、Container、Dim等）下的十六进制颜色值。界面包含颜色预览、输入框、按钮控件及分类标签，属于典型的B端设计系统配置面板。
情感基调：中性、功能导向
风格：UI界面设计
题材：主题管理器（MD widgets only）的配色方案配置界面
技法：软件界面截图
主色彩方案
色彩详情
| 颜色 | 色值 | 占比 |
|---|---|---|
| #DFE0DF | 20.3% | |
| #EEEFEF | 17.9% | |
| #D5E3FD | 11.1% | |
| #A3A2A5 | 6.8% | |
| #CECECE | 6.1% | |
| #B7B7BA | 5.9% | |
| #41618F | 5.4% | |
| #AAC7FC | 5.4% | |
| #9EEEFD | 5.2% | |
| #81CCDE | 3.4% | |
| #00626F | 3.1% | |
| #011B3E | 2.9% | |
| #788794 | 2.5% | |
| #122326 | 2.2% | |
| #2E496F | 1.8% |
点缀色彩
#3FC0F3
使用建议
- 主色彩可用于品牌标识、网站、绘画、PPT等多种场景的色彩设计
- 占比较大的颜色适合作为背景色或主要界面色彩
- 点缀色可用于按钮、链接、重要信息高亮显示
- 建议在同一设计中保持色彩的层次感和对比度
