Como é calculado o 'mais próximo'?

Distância perceptual no espaço de cores Lab — muito melhor do que a distância RGB ingénua, que muitas vezes escolhe cores visualmente erradas.

Posso encontrar várias correspondências?

Sim — mostramos as 3 cores mais próximas para que possa escolher a melhor para o seu design.

A ferramenta é gratuita?

Sim — totalmente gratuita, sem necessidade de registo.

Cor e Design

Localizador de Cores Tailwind

Q: Qual paleta Tailwind é usada?

A paleta Tailwind 3.x padrão — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.

Localizador de cores Tailwind gratuito. Cole qualquer cor HEX, RGB ou HSL e obtenha a classe de cor Tailwind CSS mais próxima. Para migrar designs para Tailwind.

Runs in your browser

Tailwind ↔ CSS color

Closest Tailwind colors

blue-500

#3b82f6

blue-600

#2563eb

indigo-500

#6366f1

sky-500

#0ea5e9

cyan-500

#06b6d4

violet-500

#8b5cf6

Nota do editor

Understanding · Twenty-two hues, eleven steps.

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

Quick answers.

›Which Tailwind palette is used?

The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.

›How is 'closest' calculated?

Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.

›Can I find multiple matches?

Yes — we show the top 3 closest colors so you can pick the best for your design.

›Is the tool free?

Yes — fully free, no signup.

As pessoas também pesquisam por

Leitura relacionada

Do blog.(1)

OKLCH for designers: why switch from HSL
Design5 min read

Ferramentas relacionadas

More in this room.

Ver tudo em Cor e Design