Das cores CSS para Tailwind
Hex conhecidos mapeiam para text-gray-900. Desconhecidos: bg-[#1a2b3c].
Se um valor hexadecimal pertence à paleta base, a conversão devolve um token limpo como text-gray-900. As cores de marca raramente coincidem e passam a bg-[#1a2b3c], o que é preferível a arredondar para o tom mais próximo, porque a diferença nota-se. Quando a cor se repete, vale a pena declará-la na configuração.
Hex de marca
#111827 muitas vezes cai perto de gray-900; um hex único costuma ser text-[#…] ou bg-[#…].
Opacidade
rgba e /opacity modelam-se com /50 ou bg-black/50. Confirme contraste após converter.
Variáveis de tema
Se a cor vive em :root, resolva o valor antes de esperar um token com nome.
Experimentar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.