首页 / 关于配色站

关于配色站

一个把选配色这件事做扎实的小站点:不做花哨的功能堆砌,只保证每一套色值都用得上、复制得走、经得起无障碍校验。

这个站是做什么的

配色站(PaletteGet)是一个面向 APP、WEB、小程序 三端的配色方案库。每套配色不是一张截图,而是一份结构化的色值清单:颜色角色(主色、文字、背景、边框……)、HEX / RGB / HSL 三种格式、WCAG 对比度报告,以及可以直接粘贴进项目的 CSS 变量、SCSS 变量、Tailwind 配置与 JSON。

你在详情页看到的「三端界面预览器」,是把同一套配色放进真实的 APP、网页、小程序界面里渲染出来。判断一套配色好不好用,最快的办法就是看它在真实界面里的样子,而不是看一排色块。

为什么做这个站

开发者和设计师在起步阶段最常卡住的一步,往往不是不会写界面,而是颜色选不对:要么对比度不足导致文字看不清,要么几个颜色放一起互相打架。

我们希望提供一个可以直接拿来用的起点:已经过了无障碍基线、角色分工明确、复制即用。

配色是怎么来的

站点里的配色由两部分组成:

  • 精选项:人工挑选并校准的配色,作为质量标杆,永不覆盖。
  • 算法生成:基于色相与和谐规则自动生成,每日新增少量,只增不删。

生成并不是随机涂色。每套候选配色都要通过下面的质量闸门,不达标直接丢弃重来,所以每天能进入站点的数量很少,这是有意为之:宁缺毋滥。

质量是怎么保证的

所有配色在进入数据集之前都要通过自动化校验:

  • 正文可读性:文字与背景对比度 ≥ 4.5:1(WCAG 2.1 AA 级)。
  • 主色可辨识:主色与页面背景对比度 ≥ 3:1。
  • 去重:与已有配色的整体色差低于阈值的一律舍弃,避免千篇一律。

校验结果以对比度表格的形式直接展示在每套配色的详情页上。我们不想让它停留在口号里,而是让你一眼看到它到底达标没有。

对开发者与 AI 友好

除了给人看的网页,本站还提供机器可读的端点:完整数据集 JSON、每套配色的 .json / .css 端点,以及给 AI Agent 准备的 llms.txt。这些端点不带任何广告,方便程序直接抓取引用。

谁在维护

本站是一个独立运营的项目,由维护者本人负责内容挑选、算法规则与站点更新。我们不接受付费收录,站内所有配色均来自上述两条来源,不含任何广告主塞进来的推荐位。

联系我们

对本页内容或我们的数据处理有疑问?欢迎发邮件到 hello@paletteget.com,或查看 联系方式。