设计

调色板生成器

创建五色调色板，带六种和谐搭配、感知色彩控制和文字对比检查。

OKLCH
色相环

沿色相环拖动，或移动色相滑块。明度和色度可独立调整。

调色板是如何构建的

类似色使用相近的色相角，互补色使用相对的色相角。分裂互补色、三色组和四色组配色方案将色相分布在色相环上。单色调色板围绕同一色相调整明度。这些只是设计的起点，并非美观的科学保证。

OKLCH 分离了感知亮度、色度和色相。超出 sRGB 范围的颜色会通过降低色度来调整，同时保持亮度和色相不变。中性色几乎没有可见的色相。对比度标注仅指每个样本上建议使用的黑色或白色文字；表格会单独检查每对颜色。

Methods: Björn Ottosson, Oklab (2020), W3C CSS 颜色 4，和 WCAG 2.2 对比度- 单独的调色板不能建立完整的可访问性。

类型需要匹配吗？转换您的字体.

使用一个工作流程。将相同的设置应用到每个文件。

生成五色 OKLCH 调色板，通过降低色度使颜色落入 sRGB 色域，并计算 WCAG 文本对比度。配色配色方案规则只是设计启发式方法，并不保证无障碍可访问性。

不会。多亏了先进的文件处理技术，您的文件会直接在设备、浏览器里处理。OneKit 不会接收您的输入文件或结果。首次使用工具时，可能会下载所需的公共处理库。

JavaScript 已禁用

出于谨慎考虑，OneKit 工具已禁用，直到 JavaScript 被重新启用。

请为此网站启用 JavaScript，然后重新加载页面。您可以继续浏览。