Referencia de Colores Tailwind
Explora gratis online todos los colores predeterminados de Tailwind CSS con valores hex y RGB. Haz clic en cualquier tono para copiarlo al instante. Ideal para desarrolladores.
Click to copy:
Cómo funciona
- Abre la herramienta y explora todos los colores predeterminados de Tailwind CSS organizados en una paleta visual.
- Desplázate por los bloques de color para encontrar el tono exacto que necesitas.
- Haz clic en cualquier bloque de color para copiar automáticamente su valor HEX al portapapeles.
- Alterna entre los formatos HEX y RGB según los requisitos de tu proyecto.
- Pega el valor copiado directamente en tu archivo CSS o configuración de Tailwind.
Ejemplo
Entrada: amber-300
Resultado: #FCD34D / RGB(252, 211, 77)
FAQ
La herramienta incluye todos los colores predeterminados de Tailwind CSS con tonalidades del 50 al 950, incluyendo slate, gray, red, blue, green, violet y muchos más.
Simplemente haz clic sobre el bloque de color deseado y el valor HEX se copiará automáticamente a tu portapapeles.
No. Todo el procesamiento se realiza en el lado del cliente, dentro de tu navegador. Ningún dato se envía a ningún servidor, por lo que la herramienta es completamente privada.
Sí, la herramienta muestra tanto el formato HEX como el RGB para cada color y tonalidad de la paleta de Tailwind CSS.
No, la herramienta es completamente gratuita y no requiere ningún tipo de registro o cuenta.