La Paleta de Colores admite dos modos: generar esquemas de color y extraer paletas de imágenes. En el modo Generar, elija un color base y una regla de armonía. En el modo Extraer, suba una imagen para extraer sus colores dominantes o use el cuentagotas para seleccionar con precisión. Todo el procesamiento se realiza en su navegador.
Características
8 reglas de armonía de color: monocromático, complementario, análogo, triádico, tetrádico, complementario dividido, complementario adyacente, doble complementario dividido
Suba imágenes para extraer paletas automáticamente con cuentagotas para selección precisa
Exporte como variables CSS, Tailwind v4 y variables SCSS
Bloquee colores individuales para conservarlos al regenerar
Haga clic para copiar cualquier color en formato HEX, RGB o HSL
Procesamiento totalmente local: nada se sube a servidores
Instrucciones de uso
1En el modo Generar, elija un color base y seleccione una regla de armonía
2La paleta se actualiza automáticamente: bloquee o copie colores individuales
3Cambie al modo Extraer y suba una imagen para extraer su paleta
4Haga clic en un botón de exportación para copiar la configuración CSS/Tailwind/SCSS
Preguntas Frecuentes
¿En qué se diferencia del Conversor de Color y el Selector de Color?
El Conversor de Color convierte entre formatos como HEX, RGB, HSL. El Selector de Color selecciona un solo color de una imagen. La Paleta de Colores genera esquemas armoniosos o extrae paletas completas de imágenes.
¿Puedo bloquear colores individuales en una paleta?
Sí. Cada muestra tiene un botón de bloqueo. Los colores bloqueados se conservan al cambiar el color base o la regla de armonía. Solo los colores desbloqueados se regeneran.
¿Qué reglas de armonía deberían usar los principiantes?
Complementario crea diseños de alto contraste. Análogo es sutil y unificado, ideal para marcas. Monocromático es limpio y profesional. Triádico y tetrádico son más avanzados pero crean paletas ricas y equilibradas.
¿Qué tan precisa es la extracción de paletas de imágenes?
Usando agrupación de colores con fusión de distancia euclidiana, la herramienta extrae hasta 8 colores dominantes. Los píxeles transparentes se filtran y cada color muestra su porcentaje. Para selección precisa, use el modo cuentagotas.
¿Se suben mis datos a algún servidor?
No. Todo el procesamiento de color e imágenes ocurre completamente en su navegador. No se sube nada.
¿A qué versión de Tailwind se dirige la exportación?
La exportación de Tailwind genera sintaxis de color personalizado @theme de Tailwind CSS v4 usando variables --color-*.