🎨 Estudio de Tokens de Color Tailwind CSS (v3 & v4 OKLCH)

100% Client-Side
Tokens Totales 242 colores
Familia Activa Blue / Indigo
Formato de Salida HEX / OKLCH
Compatibilidad Tailwind v3 & v4 Theme Ready
🎨 Filtros de Paleta & Búsqueda
Paletas: 
// tailwind.config.js theme extension
/* Tailwind v4 @theme CSS Custom Properties */

¿Qué es Tailwind Color Token Viewer y cómo funciona?

La herramienta Tailwind Color Token Viewer de Teclea.Dev Run te permite procesar y transformar datos directamente en tu navegador web. Explore official Tailwind CSS v3 and v4 color palettes, convert to HEX, RGB, HSL, and OKLCH, test live UI components, and export tailwind.config.js. Toda la ejecución se realiza en memoria en el cliente sin transferir información privada a servidores externos.

📖 Guía de Uso Rápido

  1. Especifica Datos de Entrada: Introduce o pega tu contenido, código o parámetros en el panel de entrada.
  2. Ajusta las Opciones: Configura los parámetros, formatos o reglas según tu caso de uso.
  3. Procesamiento en Tiempo Real: La herramienta analiza y transforma la información en memoria local sin enviar datos a servidores.
  4. Exporta o Copia el Resultado: Utiliza los botones de copiado rápido o descarga los datos procesados en formatos compatibles.

Ventajas y Características Técnicas

Otras utilidades de Diseño y Frontend

Snes Spc700 Command Gen Editor CSS Cubic-Bézier y probador de rutas Generador de formas y ondas SVG Generador de diseño de cuadrícula CSS Constructor de CSS Box-Shadow & Text-Shadow en Vivo Calculadora de abrazadera CSS para tipografía fluida Generador Glassmorphism CSS Compresor por Tamaño Objetivo