界面设计
品牌基础
全站色彩系统与界面色阶模板
从品牌色到功能色按层级输出，含基础色阶与反馈状态色设置，适合新项目从零搭建视觉规范。
官方素材库
色虎APP 模板素材合集9个方向
模板素材合集将色虎APP中适合作为起步参考的颜色组织方式集中放在一起，覆盖界面设计、品牌视觉、运营海报等常用方向。每张素材卡包含主题范围与适用说明，你可以从这里的分类标签进入筛选，再到色虎APP内验证色值并套用到实际项目中。
浏览分类 · 按颜色使用场景查看素材方向
品牌VI
企业品牌色板与衍生色扩展模板
建立主色、辅助色、中性色和深浅底色的统一样板，方便团队在不同软件间同步品牌视觉。
深色模式
深色模式组件配色与层级参考
整理暗色界面的层级底色、文字对比度与阴影策略，便于检查多端深色主题的一致性。
渐变风格
品牌渐变组合与应用演示模板
汇总常用渐变角度、色标节点与叠加方式，配合示例展示渐变在按钮和插画中的用法。
无障碍
无障碍对比度检测清单与通过方案
以正文、大字号和图标等常用组合列出对比度对照，快速排查弱对比文字带来的阅读问题。
运营海报
大促节点海报配色与重点色模板
围绕促销、总结和上新场景整理配色顺序，帮助运营图在信息层级上保持可读和统一。
数据可视化
数据图表与驾驶舱配色工具箱
覆盖分类色、顺序色与发散色三种模式，让仪表盘与报表在传递数据时保持清晰有序。
小程序
小程序界面色彩规范与状态示例
从导航栏、标签页到按钮态拆解常用色彩状态，便于小程序项目快速建立统一控件样式。
色板协作
云端色板多端协作与交接模板
包含色板命名、导出格式和交接说明，让设计师与前端在不同平台间共享同一套颜色变量。
怎样从素材合集走到可用色板
这一分类把常用颜色模板按使用位置做了拆分。每个素材卡片其实代表一套可以在色虎APP中复现的颜色组织方式：它包含色阶数量、命名规律、适用组件和检查方法。浏览时建议先确认你要交付的是网站界面、品牌延伸物料、海报视觉还是数据看板，再结合分类标签缩小范围。
- 先看大方向：把界面、品牌、运营和图表类素材分开对比，避免在多个色阶边套用混乱。
- 用色虎APP内色板试着替换主色：替换之后对比正文、背景与状态色的可读性。
- 将通过的色值导出到设计稿或代码库，团队在交接时可以直接读取变量名而不是猜测颜色。
把合集中的灵感放进新的项目里
配色参考只是起点，真正落地还差一次色阶替换与对比度确认。前往色虎APP页面查看功能分组、版本权益和常见问题，用一两个模板开始你的首套规范色板。