Barokit

🎨调色板生成器 (色彩调和规则)

按色彩调和规则(单色·类似·互补·三角·四角)一次生成5色调色板。点击复制HEX。适合设计初稿配色、品牌色候选探索、演示文稿·博客设计等场景。

🔒 浏览器内处理无水印无需注册

使用方法

  1. 1选择调和规则(随机/单色/类似/互补/三角/四角)。
  2. 2点击生成新调色板按钮直到满意。
  3. 3点击喜欢的颜色复制HEX代码。

常见问题

各模式什么意思?+

单色:同色不同明度。类似色:色相环30度以内。互补色:正对色。三角:120度间隔。四角:90度间隔。

哪种最安全?+

类似色最稳妥柔和。互补色强调效果好但用错会显土气。三角·四角适合平衡多彩设计。

与Adobe Color相比?+

Adobe Color提供更精细控制和图像提取功能,需注册。本工具用于快速灵感,免注册即可使用。

想匹配现有品牌色?+

本工具为随机生成,无法指定基础色。如需提取基础色,请配合[图像色彩提取]工具。

是否考虑无障碍(WCAG)?+

本工具偏向美学调和。如需文字·背景对比检查,请配合[WCAG色彩对比检查]使用。

如何转为CSS变量?+

复制HEX后写成:root { --color-1: #...; },可统一应用于整个站点。

相关工具