向日葵 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;
}这组色值能够作为起点，再按显示设备、品牌需要和画面明暗进行微调。主题是保留暖黄的明快感，同时用柔绿、留白和深色文字节造档次。
sm6bncdlmeli00qxe12hmsndjwptvr
