向日葵 Apple 色板适合以明亮暖黄为主色、柔和绿为平衡色 ，再用米白和深灰承担布景与文字 。下面提供一组可直接用于网页、海报和插画的色值建议 。它不是 Apple 官方颁布的固定色板 ；“Apple”在这里更适合作为简洁、清新的视觉风格参考 。
一组可直接使用的向日葵配色
向日葵的视觉沉点是花瓣的金黄和橙黄 ，但若整张画面都使用高鼓和暖色 ，容易显得刺眼 。搭配低鼓和叶绿、柔白底色和稳沉的深色文字 ，能保留阳光感 ，也让信息更容易阅读 。
| 色彩角色 | 建议色值 | 合用地位 |
|---|---|---|
| 向日葵金黄 | #F6C945 | 主按钮、沉点图形、标题装璜 |
| 浅花瓣黄 | #FFD96A | 插画花瓣、卡片强调区、柔和渐变 |
| 暖橙色 | #EF9638 | 幼面积提醒、图标、部门阴影 |
| 叶片绿 | #78A66A | 叶片、辅助按钮、状态象征 |
| 柔和鼠尾草绿 | #B9CBA5 | 次级布景、信息卡片、插画衬色 |
| 奶油白 | #FFF8E9 | 页面底色、留白区域、内容卡片 |
| 深灰褐 | #3E3B32 | 正文、图标概括、深色按钮 |
若是画面必要更轻快 ，能够提高浅花瓣黄和奶油白的占比 ；若是必要稳沉、天然的感触 ，则增长叶片绿和深灰褐 。暖橙色建议少量使用 ，它适合拉出档次 ，不宜与金黄同时大面积铺满 。
配色的关键：让暖黄有绿色和留白托底
这组色彩的主次关系能够概括为“黄为主、绿为辅、白做空间、深色�？啥痢� 。金黄承担鉴别度 ，浅黄提供过渡 ，绿色把向日葵的天然感带出来 ，奶油白则预防纯白布景显得过冷 。深灰褐用于文字和天堑 ，让明亮色块不会减弱信息层级 。
在版面中 ，可先把奶油白作为大面积底色 ，再用金黄象征最沉要的操作或内容 ，绿色用于次级信息 。暖黄与绿色不用等量出现：当两种色彩面积靠近时 ，画面可能显得杂乱 ；让一种色彩担任主角 ，另一种只在部门响应 ，通常更清澈 。
用于网页、品牌图形和插画时怎么分配
网页界面
内容型网页能够使用奶油白布景、深灰褐文字和金黄主按钮 。鼠尾草绿适合用在提醒卡片或次级区域 ，叶片绿可用于幼图标和状态象征 。按钮文字要优先保障辨识度：金黄底色上使用深色字 ，通常比白字更容易阅读 。预防把浅黄直接用作大段文字色彩 。
若是页面上有多个操作 ，主操作用金黄 ，次操作用绿色描边或浅绿底色即可 。不要让黄、橙、绿同使伫夺把稳力 ；可把暖橙留给少数提醒或图标 ，让用户一眼分辨重要操作 。
海报与品牌视觉
海报能够让向日葵金黄成为视觉焦点 ，用柔和绿衬托叶片或边缘 ，再以深灰褐排标题 。若布景已经使用大面积黄色 ，文字区能够增长奶油白留白 ，预防文字直接压在复杂花瓣图案上 。品牌图形则可固定使用三种主题色 ，例如金黄、叶片绿和深灰褐 ，其余色彩只作辅助 ，便于维持分歧物料的一致性 。
插画与社交图片
插画中的花瓣可在浅花瓣黄与金黄之间做明暗变动 ，中心或阴影处装点暖橙 ；叶片用叶片绿搭配鼠尾草绿 。若画面整体偏暖 ，可增长冷一些的绿来平衡 ；若主体自身已经很鲜艳 ，布景就尽量单一 ，预防再叠加高鼓和装璜色 。
落地时把稳文字对比和色彩数量
色板好看不蹬宗每种色彩都适合承载文字 。浅黄、浅绿和奶油白之间的明暗差距有限 ，适合做布景或装璜 ，不适合直接作为幼字号文字色彩 。正文建议使用深灰褐 ；按钮、提醒文字也应在现实尺寸下查抄清澈度 。色彩之表 ，还能够用字号、粗细、边框或图标分辨状态 ，不要只靠黄绿差距表白沉要信息 。
现实利用时 ，先从色板当选定一个主色、一个辅助色和一个中性色 ，再凭据内容补充强调色 。若页面看起来过亮 ，优先削减高鼓和黄色的面积 ；若显得沉闷 ，则增长浅黄或奶油白 ，而不是同时提高所有色彩的鼓和度 。
:root {
--sunflower: #F6C945;
--petal-light: #FFD96A;
--warm-orange: #EF9638;
--leaf-green: #78A66A;
--sage-green: #B9CBA5;
--cream: #FFF8E9;
--ink: #3E3B32;
}这组色值能够作为起点 ，再按显示设备、品牌需要和画面明暗进行微调 。主题是保留暖黄的明快感 ，同时用柔绿、留白和深色文字节造档次 。
