设计与内容

颜色调色板与 CSS 变量工具

用 HSL 模型在本地生成可复制的品牌色阶，提供每个色块的 WCAG 对比度参考。

基础色色阶数量饱和度调整 % 变量前缀

调色板

CSS 变量

-基础色 HSL -互补色 -白字对比度 -黑字对比度

隐私与结果说明

本工具无需注册，主要计算和转换过程在当前浏览器中完成。除非页面明确说明，输入内容不会主动发送到 Skyail Tools 服务器。工具结果适合日常处理和辅助判断；用于生产、工程、财务或其他关键场景前，请结合原始资料和适用规则复核。