Como usar

Quatro passos: colar, executar, rever, copiar. Tudo fica no navegador.

Cole o conteúdo

Introduza CSS, HTML, JSON ou outro texto. Nada é enviado.

Execute a ferramenta

Clique em Converter ou Executar. O resultado aparece na hora.

Reveja a saída

Leia o código gerado e as notas antes de usar.

Copie e use

Copie o resultado e cole no seu projeto.

Sobre esta ferramenta

O conversor transforma uma cor HEX nos equivalentes RGB e HSL e gera uma classe de fundo arbitrária do Tailwind pronta a colar no marcador. Serve bem para cores de marca ausentes da paleta predefinida.

Exemplo

A cor azul-céu predefinida mostra HEX, RGB, HSL e a classe arbitrária.

Entrada

#38bdf8

Saída

HEX: #38BDF8
RGB: rgb(56, 189, 248)
HSL: hsl(199, 93%, 60%)
Tailwind arbitrary: bg-[#38bdf8]

Dica

Valores arbitrários são Tailwind válido; aproximar a cor ao tom mais próximo da paleta costuma estragar a identidade.