Buscar
500
Lista
Muestras a escala media coincidentes en todas las familias
Herramientas de diseño
Chuleta de colores Tailwind — Tablero completo de escalas
Explora las escalas de color de Tailwind CSS (incluidos los pasos 50–950) en un solo tablero. Busca por nombre, escala o HEX y copia nombres de clases utilitarias o valores HEX sin procesar para proyectos CSS.
DiseñoTailwindCSS
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Chuleta de colores Tailwind
🔍
当前选中：
- 显示 0 / 0
Casos de uso
- Compara indigo-900 y emerald-400 en una sola pantalla
- Copia nombres de clase bg-/text-/border- mientras construyes la interfaz
- Obtén valores HEX para CSS que no usa Tailwind
Cómo usar
- Busca por nombre de color, escala o HEX
- Elige un prefijo de clase y un modo de copia (clase o HEX)
- Haz clic en una muestra para copiarla o copia la lista visible
Entrada y salida de ejemplo
FAQ
¿Qué paleta de Tailwind es esta?
Refleja las escalas predeterminadas oficiales comunes usadas en los valores predeterminados recientes de Tailwind, incluidas las familias neutras.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Colores CSS con nombre
Colores CSS con nombre — Consulta de nombres de color estándar
Explora los colores con nombre de W3C/CSS y sus valores. Filtra por palabra clave o familia y copia el nombre del color o el HEX para trabajo con CSS nativo.
CSS Color Chuleta
CSS a Tailwind
CSS a Tailwind — Mapeador de declaraciones
Pega declaraciones CSS y mápealas a clases utilitarias de Tailwind cuando sea posible. Las reglas comunes de maquetación, espaciado y color se convierten en clases estándar; los valores sin coincidencia recurren a la sintaxis de valor arbitrario.
CSS Tailwind Convertir