Tons de Cor Tailwind

Expanda uma cor base em tons estilo Tailwind (escalas 50–950).

Cor

Saída

Ferramentas Sugeridas

Seletor de Cores
Escolha uma cor visualmente e copie HEX, RGB ou HSL para CSS e design.
HEX ↔ RGB
Converta cores entre HEX e RGB para CSS, canvas e handoff de design.
HEX ↔ HSL
Converta cores entre HEX e HSL para ajustar luminosidade e saturação em CSS.

Tons de Cor Tailwind gera uma rampa de tons mais claros e escuros para temas com utility classes.

Introduza um HEX base, execute e copie a escala para tailwind.config ou variáveis CSS.

Ativa o JavaScript.