色階生成 - 免費線上使用 | FunToolX
線上免費使用 色階生成，無需下載安裝，即開即用。FunToolX 提供數百款趣味線上工具。
色階生成器
選擇一種顏色，生成從淺到深的色階，點擊色塊即可複製 HEX 色值。
淺色 (加白) / 深色 (加黑)
互補色
近似色
已複製!
關於本工具
色階生成 是一款免費的線上配色工具。基於主色生成深淺色階、互補色和近似色。適合專注、放鬆，或單純找點樂子。無需下載安裝或註冊，打開瀏覽器即可立即使用。
输入一個基础颜色（如 #3B82F6），工具自動生成 50-900 的色阶系列（类似 Tailwind CSS 的颜色系统）。50 最浅，900 最深，每個色阶都是基于主色调整明度和饱和度得到。
生成算法：在 HSL 色彩空間中，保持色相（H）不變，调整亮度（L）和饱和度（S）。浅色阶降低饱和度提高亮度，深色阶提高饱和度降低亮度，確保视觉均匀。
適合設计 UI 組件的悬停態、按下態、禁用態等不同狀態的颜色。也用于生成主题色系统、数據可视化的颜色序列。可以導齣為 CSS 變量、Tailwind 配置、或 JSON。
颜色色阶生成器，基于一個主色自動生成从浅到深的多個色阶變体，用于 UI 設计和配色參考。