调色板生成器

色调生成器使用色轮和谐规则将单个基本颜色转换为一组协调的颜色。选择起始颜色并选择一种模式 - 色调和色调、单色、互补、类似、三元或四元 - 工具计算平衡调色板,其中每个样本的 HEX、RGB 和 HSL 值。

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

一切都在您的浏览器中运行。 调整基本颜色、切换模式、单击任何样本以复制其值，或将整个调色板导出为 CSS 自定义属性。 没有帐户，没有上传，一旦页面加载，它就会继续脱机工作。

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