Cores Tailwind

Paleta padrão do Tailwind v3 (22 matizes × 11 tons) — clique para copiar hex

Clique em qualquer amostra para copiar o código hexadecimal. Pesquise por nome da cor, hex ou HSL.

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

Como usar

Navegue pela paleta completa do Tailwind v3 organizada por tonalidade (22 cores) e sombra (50–950).
Passe o mouse sobre qualquer amostra para visualizar seu nome de classe (ex: bg-red-500) e valor hex.
Clique em uma amostra para copiar o código hex para sua área de transferência.
Uma mensagem de confirmação aparece brevemente e depois se limpa automaticamente.

Exemplos

Clicar na amostra rose-600 copia #e11d48 para sua área de transferência instantaneamente.
Passar o mouse sobre sky-300 mostra a dica de ferramenta "sky-300 · #7dd3fc" antes de clicar para copiar.