Tailwind CSS Shades

Diseñadores y desarrolladores de frontend que necesitan escalas de color coherentes para una marca.

Recomendadonuestra valoración
77estrellas en GitHub
MITlicencia
hace 4 díasúltima actualización

Úsalo ahora

Abrir enClaude ChatGPT Gemini Perplexity

claude mcp add --transport http tailwindshades https://tailwindshades.bourhaouta.com/mcp

Instalar en Cursor Instalar en VS Code Abrir el original ↗

Software de terceros. Al copiarlo, descargarlo o instalarlo aceptas el aviso legal de la Academy: eres responsable de revisar su código y sus permisos antes de usarlo.

README.md

Cargando el archivo...

Qué hace

Tailwind CSS Shades genera una paleta completa de colores de Tailwind, de 50 a 950, a partir del color que elijas. Funciona con las versiones 4, 3, 2 y 1 de Tailwind y calcula los tonos en el espacio de color OKLCH. También busca el color de Tailwind más cercano a un color dado, y está disponible como extensión de VS Code, herramienta de línea de comandos y servidor MCP.

Casos de uso

01Crear una escala de 50 a 950 a partir del color de marca
02Encontrar el color de Tailwind más cercano a una muestra
03Generar paletas para un proyecto que usa Tailwind v3

Preguntas sobre
Tailwind CSS Shades.

¿Para qué sirve Tailwind CSS Shades?

Diseñadores y desarrolladores de frontend que necesitan escalas de color coherentes para una marca. Tailwind CSS Shades genera una paleta completa de colores de Tailwind, de 50 a 950, a partir del color que elijas. Funciona con las versiones 4, 3, 2 y 1 de Tailwind y calcula los tonos en el espacio de color OKLCH. También busca el color de Tailwind más cercano a un color dado, y está disponible como extensión de VS Code, herramienta de línea de comandos y servidor MCP.

¿Cómo instalo Tailwind CSS Shades?

Ejecuta en tu terminal: claude mcp add --transport http tailwindshades https://tailwindshades.bourhaouta.com/mcp

¿Tailwind CSS Shades es de código abierto?

Sí. El código está publicado en GitHub (bourhaouta/vscode-tailwindshades) con licencia MIT.

¿Es seguro usar Tailwind CSS Shades?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.

Recursos relacionados

Leer la guía: Sistemas de contenido de marketing con IA ↗