Skip to content

Conversor de Hex para Tailwind

Encontre a cor Tailwind CSS mais próxima para qualquer valor hex

Escolha uma Cor

#3b82f6

Cores Tailwind Mais Próximas

→
Melhor
blue-500

#3b82f6 · Δ0

→
blue-600

#2563eb · Δ72

→
indigo-500

#6366f1 · Δ83

→
blue-400

#60a5fa · Δ90

→
sky-500

#0ea5e9 · Δ99

→
indigo-400

#818cf8 · Δ110

→
sky-600

#0284c7 · Δ115

→
sky-400

#38bdf8 · Δ118

→
blue-700

#1d4ed8 · Δ124

→
indigo-600

#4f46e5 · Δ127

→
cyan-600

#0891b2 · Δ140

→
cyan-500

#06b6d4 · Δ142

Paleta Tailwind Completa

slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose

Perguntas frequentes

Para que serve Conversor de Hex para Tailwind?

Encontre a cor Tailwind CSS mais próxima para qualquer valor hex

O que devo conferir no resultado?

Guarde a entrada original. Compare uma amostra após converter, especialmente valores vazios, caracteres especiais, unidades e campos repetidos.