调色板生成器

Color Palette Generator 使用色轮和谐规则将单一基本颜色转换为一组协调的颜色。选择起始颜色并选择模式 - 色调和色调,单色,互补,类似,三元或四元 - 工具计算平衡调色板,每个样本的 HEX 代码。

良好的颜色组合遵循HSL色轮上可预测的关系：互补色彼此相对，相似的颜色彼此相邻，三元色相等间隔。 手工解决这些问题意味着兼顾色调角度和亮度值。 此工具立即进行数学计算并显示结果，以便您可以选择一个有效的方案。

Everything 运行客户端。调整基色,切换模式,单击任意样本复制其 HEX 代码,或使用 Copy CSS 将整个调色板导出为 CSS 自定义属性。没有帐户,没有上传,一旦页面加载,它就会保持离线工作。

1个工作例子显示它是如何作为婚礼调色板生成器工作的,有一个条件:没有婚礼预设,所以你带来颜色。键入鼠尾草绿色,#9caf88,作为底色并选择互补。四个样本是#c2ceb6,#9caf88,一个灰尘薰衣草#9b88af和一个更深的#755e8d,并复制CSS返回为-color-100到-color-400。对于粉彩调色板生成器结果,从#a7c7e7这样的苍白底色开始:类比,三元和四元保持其轻盈和饱和度,因此每个样本都保持柔和。

和声模式来自色轮关系,围绕圆圈以固定量旋转色调:互补为 180 度,三元为 120 度,类似为小步骤。该数学是在 HSL 中完成的,这很方便,并且在感知上不均匀。HSL 亮度将黄色和蓝色视为相同的值,而对眼睛来说则不然,这就是为什么三元集可以在纸上看起来平衡,在屏幕上看起来不平衡。根据对比度检查器检查您计划用于文本的任何调色板,而不是信任数字。色调和色调是通过保持色调和饱和度移动亮度而产生的,这使家庭具有可识别的相关性,也是它们作为一组 CSS 变量有用的原因。