颜色色调与明暗生成器

为一个颜色生成一系列更亮(色调)或更暗(色相)的变体。

基准颜色
#3B82F6
阶梯数10

#3B82F6

浅色调 (Tints)
0%#3B82F6
10%#5A8EF7
20%#7299F9
30%#87A5FA
40%#9AB2FB
50%#ACBEFC
60%#BECBFD
70%#CFD7FE
80%#DFE4FE
90%#EFF2FF
100%#FFFFFF
深色调 (Shades)
0%#3B82F6
10%#3874DA
20%#3567C0
30%#3159A5
40%#2D4D8C
50%#284073
60%#23345C
70%#1D2845
80%#171D2F
90%#10121B
100%#000000

使用说明

  • 选择一个基准颜色。
  • “Tints” 是通过将白色与基准色混合生成的变体。
  • “Shades” 是通过将黑色与基准色混合生成的变体。
  • 点击色块可快速复制代码。

色调、明暗与色度

Tints (浅色调)

在纯色中加入白色,使其变亮。

Shades (深色调)

在纯色中加入黑色,使其变暗。