色盘生成器

从图片取色、色环调色或描述灵感，生成可直接使用的配色方案。

从一个灵感开始

上传图片、调整色环，或描述你想要的感觉。

R251
G231
B198

配色关系

从一个灵感开始

精选配色灵感

色盘生成器常见问题

从图片取色、色环调色到配色方案生成：了解如何使用颜色关系、颜色面积和多种色值格式，快速得到可直接应用的配色。

上传一张图片后，色盘会在浏览器本地识别其中出现频率较高的颜色，并生成主色、辅助色、强调色与深色。图片不会上传到 BioFontsApp 服务器。

单色方案围绕同一色相，通过明暗和饱和度形成层次；对比色方案使用色环上相对的两种颜色；三角色方案使用间隔均匀的三种色相；四色方案使用四种间隔均匀的色相。可以先选择适合项目气质的关系，再微调颜色。

颜色面积表示每种颜色在页面、海报或视觉素材中的建议占比。通常主色占比最高，用于背景或大面积区域；辅助色用于模块和层级；强调色适合按钮、标签和关键信息；深色可用于文字、边界或增强对比。

HEX 常用于网页和 CSS；RGB 适合屏幕与数字设计；HSL 方便从色相、饱和度和明度角度调整颜色；CMYK 适合印刷沟通。点击任一格式即可复制对应数值。

可以直接上传参考图片，或用一句话描述想要的感觉，例如“安静的森林”“复古咖啡馆”或“科技感夜景”。系统会先给出一个起始方案，你再切换颜色关系、选择预设或复制单个颜色继续使用。

可以。预设只作为灵感起点。选择后，你可以更换主色、切换单色或对比色等配色关系，并在每个颜色卡片中复制不同格式的色值。

可以。生成结果是颜色数值和配色关系，可用于网站、社交媒体素材、演示文稿、包装提案或个人项目。若配色来自品牌规范或第三方素材，请自行确认对应的品牌与版权使用要求。