APP · WEB · 小程序

三端配色方案库
复制即可用，全部通过无障碍校验

每套配色都按真实设计系统组织：不是 10 个随机好看的颜色，而是 主色 / 功能色 / 中性色 各有明确角色。直接复制色值、导出 CSS 变量或 JSON，或看看它用在你项目里是什么样子。

浏览配色库 →给 AI Agent 用
74套配色方案
740个可用色值
3端平台覆盖
AA+WCAG 无障碍等级

选择你的平台

三端的色彩角色命名不同，但配色逻辑一致，换个端就是换一套命名与预览器。

APP 端

22 套配色 · 10 个角色 · 如 主色 / 主色·深 / 主色·浅…
查看 22 套 →

WEB 端

26 套配色 · 10 个角色 · 如 Primary / Primary Hover / Primary Active…
查看 26 套 →

小程序端

26 套配色 · 10 个角色 · 如 主题色 / 按钮色 / 按钮禁用…
查看 26 套 →

今日精选

每端质量分最高的一套，手工调校的质感标杆。

最新更新

配色库每天自动新增，内容只增不减。

按标签浏览全部 →

对开发者与 AI Agent 友好

数据开放、结构清晰、可直接抓取，无需解析页面，直接拿 JSON 就能用。

# 获取全量配色数据集 GET /api/index.json # 获取单套配色（机器可读） GET /palette-list/web/jing-hu-lan/index.json # 获取可直接使用的 CSS 变量 GET /palette-list/web/jing-hu-lan/index.css

更完整的说明见 llms.txt、sitemap.xml。本站不使用登录墙、不做 JS 渲染，所有色值均直接存在于 HTML 中。