颜色色调与明暗生成器
为一个颜色生成一系列更亮(色调)或更暗(色相)的变体。
基准颜色
#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 (深色调)
在纯色中加入黑色,使其变暗。