界面设计/UI Design - 10种颜色配色方案
主色数量：10 种
风格分析
置信度：1
文化背景：数字产品/美国
描述：一张Miro（在线协作白板工具）的网页界面截图，显示用户已成功登录账户，弹出黄色提示框‘Congratulations! You have successfully logged in to your Miro account.’；界面包含左侧导航栏（Recent boards, Starred boards, Marketing team等）、顶部搜索栏、中部‘Create a board’区域及推荐模板（如Mind Map, Brainstorming），下方为‘Boards in this team’预览。整体为现代SaaS产品UI风格，黄黑配色边框为截图装饰。
情感基调：积极、专业、引导性
风格：界面设计/UI Design
题材：Miro在线协作白板平台登录成功界面
技法：网页截图/Screenshot
主色彩方案
色彩详情
| 颜色 | 色值 | 占比 |
|---|---|---|
| #EDF1F3 | 57.9% | |
| #F7C50E | 19% | |
| #181C1F | 8.4% | |
| #D2D5DA | 3.9% | |
| #474B3E | 3.7% | |
| #B0B5BE | 2.8% | |
| #D6A91D | 1.7% | |
| #3957F5 | 1.4% | |
| #DDE686 | 0.8% | |
| #E19B9E | 0.4% |
使用建议
- 主色彩可用于品牌标识、网站、绘画、PPT等多种场景的色彩设计
- 占比较大的颜色适合作为背景色或主要界面色彩
- 点缀色可用于按钮、链接、重要信息高亮显示
- 建议在同一设计中保持色彩的层次感和对比度
