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