Generador de Tonalidades y Sombras

Genera variaciones de un color más claras o más oscuras.

Color Base
#3B82F6
Pasos10

#3B82F6

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

Guía de Uso

  • Seleccione un color base.
  • Los tintes se generan mezclando el color base con blanco.
  • Las sombras se generan mezclando el color base con negro.
  • Haga clic en cualquier cuadro de color para copiar rápidamente su código.

Tintes vs. Sombras

Tintes

Agregar blanco a un color puro para aumentar su luminosidad.

Sombras

Agregar negro a un color puro para disminuir su luminosidad.