色阶生成 - 免费在线使用 | FunToolX
在线免费使用 色阶生成，无需下载安装，即开即用。FunToolX 提供数百款趣味在线工具。
色阶生成器
选择一种颜色，生成从浅到深的色阶，点击色块即可复制 HEX 色值。
浅色 (加白) / 深色 (加黑)
互补色
近似色
已复制!
关于本工具
色阶生成 是一款免费的在线配色工具。基于主色生成深浅色阶、互补色和近似色。设计师、画师和开发者都能用得上。无需下载安装或注册，打开浏览器即可立即使用。
输入一个基础颜色（如 #3B82F6），工具自动生成 50-900 的色阶系列（类似 Tailwind CSS 的颜色系统）。50 最浅，900 最深，每个色阶都是基于主色调整明度和饱和度得到。
生成算法：在 HSL 色彩空间中，保持色相（H）不变，调整亮度（L）和饱和度（S）。浅色阶降低饱和度提高亮度，深色阶提高饱和度降低亮度，确保视觉均匀。
适合设计 UI 组件的悬停态、按下态、禁用态等不同状态的颜色。也用于生成主题色系统、数据可视化的颜色序列。可以导出为 CSS 变量、Tailwind 配置、或 JSON。
颜色色阶生成器，基于一个主色自动生成从浅到深的多个色阶变体，用于 UI 设计和配色参考。