Webtools

Colores de Tailwind

Encuentra la clase Tailwind más cercana a cualquier hex

Clase Tailwind más cercana

8 colores Tailwind más cercanos

Sobre la paleta de Tailwind

Tailwind CSS viene con una paleta predeterminada de 22 familias de colores, cada una en 11 pasos desde 50 (más claro) hasta 950 (más oscuro). Al portar un color de marca, maqueta o diseño externo a un proyecto Tailwind, a menudo es más fácil usar el valor Tailwind más cercano en lugar de configurar un color personalizado.

Esta herramienta clasifica cada paso de color de Tailwind por distancia RGB a tu entrada y devuelve las coincidencias más cercanas. Haz clic en cualquier nombre de clase para copiarlo.

Preguntas frecuentes

¿Incluye esto los colores OKLCH de Tailwind v4?
Los valores hexadecimales mostrados son los equivalentes sRGB resueltos, no las definiciones OKLCH sin procesar utilizadas en v4. Los nombres de clase funcionan tanto para v3 como para v4 ya que los nombres no cambiaron.
¿Y stone, neutral, warmGray?
Se incluye el conjunto completo de grises de Tailwind (slate, gray, zinc). Los alias heredados warmGray/trueGray se eliminaron en v3 — usa slate, gray, zinc, neutral o stone en su lugar.