色階生成 - 免費線上使用 | ToolXHub
線上免費使用 色階生成，無需下載安裝，即開即用。ToolXHub 提供數百款趣味線上工具。
色階生成器
選擇一種顏色，生成從淺到深的色階，點擊色塊即可複製 HEX 色值。
淺色 (加白) / 深色 (加黑)
互補色
近似色
已複製!
關於本工具
色階生成 是一款免費的線上配色工具。基於主色生成深淺色階、互補色和近似色。適合專注、放鬆，或單純找點樂子。無需下載安裝或註冊，打開瀏覽器即可立即使用。
輸入基本顏色（例如#3B82F6），工具自動生成50-900的色級系列（類似於Tailwind CSS顏色系統）。50爲最淺，900爲最深。每個色彩級別是通過根據主色調整亮度和飽和度來獲得的。
生成算法：在HSL色彩空間中，保持色調（H）不變，調整亮度（L）和飽和度（S）。亮步會降低飽和度並增加亮度，而暗步會增加飽和度並減少亮度，以確保視覺均勻。
適合設計UI組件的懸停狀態、按下狀態、禁用狀態等不同狀態的顏色。它還用於生成主題顏色系統和顏色序列以進行數據可視化。可以作爲CSS變量、Tailwind配置或SON輸出。
色彩級別生成器，根據主色自動生成從淺到深的多個級別變體，用於UI設計和色彩匹配參考。