设计

配色方案生成

由基色生成和谐配色。

锁定色样即可保留。重新排列只会改变未锁定颜色的 OKLCH 明度和彩度,因此配色的色相角会保持精确。

 

转换格式: 颜色转换器 · 色调: 色彩明暗生成器 · 渐变: CSS 渐变生成器.

生成调色板

和谐模式,支持 CSS、Tailwind 和 JSON 导出。锁定喜欢的颜色并重新排列其余部分。

常见问题

颜色如何选择?

我们根据基色在色轮上旋转色相,生成互补、邻近、三元和分裂互补配色。锁定任意色块后可重新随机排列其余色块。

可以复制颜色吗?

可以——点击任意色块复制其 HEX 值。可导出为 CSS 变量、Tailwind config 片段或 JSON。

能导出 CSS 变量吗?

可以——复制 :root 代码块或 Tailwind theme extend,也可下载调色板 CSV 用于电子表格。

最后更新: