Gerador de tons e matizes

Gere versões mais escuras e mais claras de qualquer cor. Perfeito para criar escalas de cores consistentes.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Color Palette

Perguntas frequentes

Qual é a diferença entre tons escuros e tons claros?

Tons escuros (shades) são criados misturando uma cor com preto (escurecendo). Tons claros (tints) são criados misturando com branco (clareando).

Quantos passos devo usar?

10 passos é padrão para sistemas de design como Tailwind CSS. Use menos para paletas simples ou mais para controle detalhado.