ChromaticUI

ChromaticUI es una aplicación web diseñada para optimizar la selección y manipulación de colores en proyectos creativos. Permite generar paletas automáticas con modos claro/oscuro, extraer colores desde imágenes subidas, y ajustar parámetros de cada tono con controles de tono, saturación y brillo. Exporta la paleta colores en diferentes formatos como Tailwind 3/4, CSS, SCSS y ofrece sugerencias inteligentes de colores armónicos (análogos, complementarios, triádicos, etc.), además de herramientas para mezclar colores y previsualizar combinaciones. Incluye un conversor entre formatos HEX, RGB, HSL, OKCLH, y funciones para evaluar el contraste.

Características Principales:

• Generación de Paletas: Crea paletas con tonalidades claras y oscuras automáticas, ideales para temas light/dark mode.
• Extracción de Colores: Analiza imágenes para extraer paletas dominantes.
• Ajuste Avanzado: Modifica brillo, saturación y matiz de cada color con controles interactivos en tiempo real.
• Exportación Multiformato:
  • Soporte para Tailwind 3/4, CSS y SCSS.
  • Exporta a HEX, RGB, HSL y OKLCH.
• Teoría del Color: Sugiere variantes complementarias, análogas, triadas, tetrádicas, cuadradas y complementarias divididas, basadas en el color principal.
• Herramientas Profesionales:
  • Mezclador de colores con diferentes modos.
  • Conversor entre formatos (HEX, RGB, HSL, OKLCH).
  • Analizador de contraste para mejorar la accesibilidad.
• Personalización: Guarda paletas en local storage.

Tecnologías

• Frontend: React (componentes interactivos) + Astro (rendimiento).
• UI: Tailwind CSS (estilos) y Shadcn (componentes accesibles y modernos).
• Despliegue: Git (control de versiones) y Vercel (hosting).