免费 · 无需注册 · 纯前端

为网站打造的配色板生成器

16 套设计师精选配色板,或从 HEX 或图片生成你自己的。和 Lokuma AI 建站工具使用同一套配色库。

从 Lokuma 设计引擎精选——选任意一套作为下方的当前配色板。

当前配色板
用这套配色在 Lokuma 建站

16 套设计师精选配色板

来自 Lokuma 设计系统——我们生成的每个网站都用其中一套。

从配色板到完整网站,5 分钟

把这里的任意配色板交给 Lokuma AI 建站工具。我们会用精致的设计将它包起来——字体、版式、层级——并交付一份你自己拥有的真实 React/Vite 代码库。

用这套配色在 Lokuma 建站

工作原理

01

选择或生成

从精选配色板开始,粘贴 HEX,或上传图片。

02

选择色彩关系

互补、三等分、单色调——每种关系都返回 5 个可直接用于网页的颜色。

03

导出或建站

复制为 CSS 变量、Tailwind 配置,或交给 Lokuma 出一个完整网站。

常见问题

相关工具