Color y Diseño
Buscador de Colores Tailwind
Buscador gratuito de colores Tailwind. Pega cualquier color HEX, RGB o HSL y obtén la clase de color CSS de Tailwind más cercana. Para migrar diseños a Tailwind.
Tailwind ↔ CSS color
Closest Tailwind colors
Nota del editor
Understanding · Twenty-two hues, eleven steps.
Este capítulo en profundidad está disponible solo en inglés por el momento. La herramienta de conversión de arriba funciona en tu idioma; el artículo explicativo extenso aún no se ha traducido.
Preguntas frecuentes
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.
La gente también busca
Herramientas relacionadas
More in this room.
- Conversor de Color (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL y el moderno OKLCH — al instante.
- Comprobador de Contraste (WCAG)Comprueba el contraste WCAG AA / AAA — pasa o falla.
- Selector de Color e Paleta de ImagenArrastra una imagen, extrae su paleta.
- Simulador de DaltonismoPrevisualiza paletas a través de deuteranopia, protanopia y más.
- Generador de GradientesGradientes CSS lineales, radiales y cónicos.
- Generador de Sombras de CajaEditor visual de box-shadow CSS.