颜色渐变调整工具
免费在线使用 颜色渐变调整工具 无需安装即可使用工具
關於色彩淡色與深色
此工具透過將基礎顏色的 HSL 亮度分別向 100% 和 0% 逐級調整，生成淡色（更淺的變體）和深色（更深的變體）。你可以選擇步數（5-20），點擊任意色塊即可複製其十六進位值。淡色保持色相和飽和度不變並提高亮度；深色則降低亮度。
使用方法
1. 透過取色器或十六進位輸入選取基礎顏色。 2. 將步數滑桿設定在 5 到 20 之間。 3. 淡色卡片顯示更淺的變體（每個都標註了十六進位值和步數百分比）；深色卡片顯示更深的變體。 4. 點擊任意色塊即可複製其十六進位值；勾號圖示會確認複製成功。
生成演算法
基礎顏色會被轉換為 HSL。對於 N 步中的第 i 步，淡色設定 `L = baseL + (100 - baseL) * (i / N)`，深色設定 `L = baseL - baseL * (i / N)`，色相和飽和度保持不變。百分比標籤為 `round((i / N) * 100)`，表示在漸層中的進度位置，而非亮度值。生成的 HSL 會轉換回 RGB，再轉換為十六進位以供顯示。
▶每個色塊上的百分比代表什麼？
它是步數索引除以總步數再乘以 100。表示在漸層中的位置（例如 10 步中的第 5 步 = 50%），而不是該色塊的 HSL 亮度值。
▶為什麼色相和飽和度保持不變？
演算法只修改亮度，以保持色彩家族在感知上的一致性。如果調整色相或飽和度，會改變顏色本身，而不僅僅是變淺或變深。
▶可以一次複製多個顏色嗎？
不可以。每次點擊只能複製單個色塊的十六進位值，並顯示勾號圖示 1.5 秒。需要多次點擊才能收集多個值。
▶如果輸入了無效的十六進位值會怎樣？
如果十六進位值無法解析為 RGB，則不會計算 HSL，並且在輸入有效的 6 位十六進位值之前不會渲染淡色和深色卡片。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。