Gerador Paleta Tailwind v3

Você está fora do projeto Tailwind, desenhando no Figma, escrevendo um e-mail em HTML ou ajustando a cor de um gráfico, e precisa do hex exato que está por trás de bg-blue-600 ou de slate-800. Esta página mostra as 19 famílias de cor padrão do Tailwind v3 nos 11 tons (50 a 950) e copia o hex quando você clica no quadradinho. Apesar do nome, ela não cria paleta a partir de uma cor sua: é tabela de consulta da paleta oficial.

Os valores são os do Tailwind v3, em sRGB. A versão 4 redefiniu a paleta em OKLCH e algumas cores ficaram mais saturadas em tela P3, então esses hex servem como aproximação, não como fonte da verdade num projeto v4. O tom 950 também é recente: entrou na 3.3, antes disso a escala parava no 900. E três famílias de cinza que existem no Tailwind ficaram de fora desta tabela: zinc, neutral e stone.

Regra prática de contraste: sobre fundo branco, texto em 600 ou 700 costuma passar nos 4.5:1 exigidos; o 500 quase nunca passa e rende mais em preenchimento, borda e ícone grande. Sobre fundo escuro, inverta e vá de 300 ou 400. Se o que você precisa é gerar uma escala a partir da cor da sua marca, esta página não faz isso, a tabela é fixa. Ela renderiza no navegador, sem nenhuma chamada de rede.