Official Kromapick Manual

Centro de Ayuda Kromapick

Aprende a capturar, muestrear, mezclar, analizar y exportar el color perfecto con nuestra guía oficial.

1. Cámara en Vivo y Extracción Visual

Captura del Mundo Real

Apunta la cámara de tu dispositivo hacia cualquier objeto, paisaje o superficie para extraer colores dominantes al instante. El algoritmo analiza el encuadre en tiempo real y te permite ajustar la cantidad de colores deseada mediante un selector de densidad continuo (de 2 a 10 tonos). Si necesitas precisión milimétrica, utiliza el botón de Congelar (Freeze) para pausar la imagen y mover la retícula de muestreo pixel por pixel. Una vez analizada la escena, puedes guardar y exportar la fotografía con la paleta de colores sobreimpresa como tarjeta gráfica de presentación lista para compartir o archivar.

Puntos Clave
  • Extracción continua en tiempo real con selector de densidad dinámica (2 a 10 colores).
  • Modo Congelar (Freeze) con cursor táctil de alta precisión para aislar tonos específicos.
  • Guardado de la fotografía analizada con la paleta sobreimpresa en tarjeta gráfica exportable.
  • Carga directa de imágenes desde tu galería para análisis cromático automático o manual.
Guía de Iconos y Botones de la Cámara

Linterna con Regulador (Rayo)

Enciende el flash auxiliar para iluminar superficies en entornos oscuros. En dispositivos compatibles, permite deslizar para calibrar la intensidad lumínica y evitar deslumbramientos.

Grilla de Composición (Cuadrícula)

Superpone una cuadrícula de tercios sobre la vista en vivo para alinear objetos, encuadrar planos y centrar con precisión el punto de muestreo.

Comparador de Color (Mira)

Fija el color actual como muestra de referencia (Target Match) y compara en vivo contra cualquier objeto enfocado por la cámara. Te muestra en tiempo real el % de coincidencia y el valor Delta E (ΔE CIE) con diagnóstico de cercanía perceptible.

Bloqueo AE/AF (Candado)

Bloquea los ajustes automáticos de exposición, brillo y enfoque de la cámara en las coordenadas actuales. Evita que el sensor altere la luz o el balance de blancos al moverte entre diferentes sombras y reflejos.

Modos de Muestreo (1px, 3x3 y Área)

Alterna el tamaño de la muestra: '1px' para precisión microscópica pixel a pixel, '3x3' para promediar 9 píxeles y eliminar el grano o ruido de la imagen, o 'Área' para captar el tono global de texturas complejas (madera, telas, paredes).

Guardar Foto Analizada (Descarga)

Disponible al congelar la imagen o subir una foto: guarda en tu carrete una tarjeta gráfica de alta resolución con la imagen capturada y la paleta de colores sobreimpresa.

Perfiles Cromáticos (Paleta)

Filtra la extracción algorítmica de la toma según 5 estilos: Dominante (tonos principales), Vibrante (mayor saturación), Pastel (tonos suaves), Oscuro (sombras) y Claro (altas luces).

Calidad de Luz y Display P3

Indicador de semáforo que monitoriza si la escena está balanceada, subexpuesta o sobreexpuesta, junto con el selector de espacio de color sRGB / Display P3 de Apple en dispositivos iOS.

Consejo Pro:En modo congelar, arrastra tu dedo sobre la imagen para inspeccionar los colores individuales con la lupa flotante antes de guardar la paleta.

2. Importación Masiva (Multi-HEX) y Galería

Importación de Datos

¿Tienes una lista de códigos proveniente de un manual de marca, hoja de cálculo o mensaje de texto? La función de Entrada Multi-HEX te permite pegar bloques enteros de texto. El sistema detecta y extrae automáticamente todos los códigos hexadecimales válidos, sin importar si incluyen el símbolo # o si están separados por comas, espacios o saltos de línea. Además, puedes importar imágenes directamente para procesarlas localmente en tu dispositivo con total privacidad.

Puntos Clave
  • Pegado por lotes de múltiples códigos HEX con normalización automática.
  • Soporte de sintaxis flexible (#RRGGBB, RRGGBB, con o sin separadores).
  • Importación de fotos locales procesadas al 100% en el dispositivo sin subir tus archivos a la nube.
Consejo Pro:Copia cualquier bloque de código CSS o notas de diseño y pégalo directamente en la ventana de Multi-HEX; Kromapick filtrará los códigos válidos automáticamente.

3. Ingreso Manual y Búsqueda por Nombre

Ajuste Granular

Si tienes un valor de partida concreto o buscas un matiz por nombre, el modo manual te ofrece precisión absoluta. Puedes ingresar directamente el código hexadecimal o modular los controles deslizantes de Tono (Hue), Saturación (Saturation) y Luminosidad (Lightness). Si buscas inspiración lingüística, escribe nombres comunes o artísticos (como 'Terracotta', 'Azul cerúleo' o 'Verde bosque') para localizar la muestra exacta en nuestra base de datos.

Puntos Clave
  • Controles deslizantes interactivos para Tono, Saturación y Luminosidad (HSL) con visualización reactiva.
  • Búsqueda semántica por nombres de colores estándar y artísticos.
  • Asignación automática del nombre cromático más cercano a cualquier color seleccionado.
Consejo Pro:Usa el nombre sugerido por la app para estandarizar la nomenclatura de tus variables en sistemas de diseño y guías de estilo.

4. Convertidor Universal de Formatos

Desarrollo y Preimpresión

Un potente centro de conversión técnica diseñado para desarrolladores y diseñadores. Transforma cualquier color al instante entre más de 14 formatos de la industria, incluyendo HEX, HEX8, RGB, RGBA, HSL, HSLA, CMYK (para artes gráficas e impresión) y HSV. Para programadores, genera sintaxis de producción lista para copiar en SwiftUI (Color), Jetpack Compose (Color(0x...)), Flutter (Color(0x...)) y variables CSS nativas (:root). Incluye además un deslizador interactivo de canal alfa (opacidad) sobre cuadrícula de transparencia y copiado rápido al portapapeles con respuesta háptica.

Puntos Clave
  • Más de 14 formatos soportados: HEX, HEX8, RGB, RGBA, HSL, HSLA, CMYK, HSV, SwiftUI, Flutter, Compose y CSS.
  • Control deslizante de canal alfa / opacidad con previsualización en vivo sobre tablero de ajedrez.
  • Copiado instantáneo con confirmación háptica y retroalimentación visual al tocar cualquier fila de formato.
Consejo Pro:Ajusta la opacidad para generar automáticamente valores HEX8 y RGBA listos para sombras, capas modales y estilos translúcidos en tu código.

5. Mezclador Cromático (Color Mixer)

Experimentación

Combina dos o más colores para explorar mezclas físicas y digitales. Ajusta los porcentajes de proporción entre cada tono para observar cómo se funden en una rampa de transición continua. Es la herramienta ideal para encontrar colores puente, tonos secundarios equilibrados o simular la mezcla de pigmentos reales.

Puntos Clave
  • Mezcla interactiva con proporciones porcentuales ajustables por control deslizante.
  • Generación de pasos intermedios y rampas cromáticas suaves.
  • Capacidad de añadir cualquier color resultante de la mezcla directamente a tu paleta activa.
Consejo Pro:Si dos colores en tu interfaz compiten o generan demasiado contraste, mézclalos en un 50/50 para descubrir el tono neutro de conexión perfecto.

6. Generador de Paletas & Inspiración

Generación Creativa

¿Enfrentando el bloqueo del lienzo en blanco? La función de Inspiración genera combinaciones estéticas y equilibradas basadas en relaciones armónicas precalculadas. Si te enamoras de uno o dos colores específicos, puedes bloquearlos mediante el icono de candado; de esta forma, cada vez que generes nuevos tonos, tus colores favoritos permanecerán fijos mientras los demás se recalculan en armonía.

Puntos Clave
  • Generación algorítmica de combinaciones equilibradas y de alto impacto estético.
  • Sistema de bloqueo selectivo (Lock) para fijar tonos clave y regenerar el resto.
  • Exploración rápida para conceptualizar marcas, identidades visuales o interfaces desde cero.
Consejo Pro:Fija el color principal de la identidad corporativa de tu cliente y regenera hasta encontrar colores secundarios y de acento que armonicen sin esfuerzo.

7. Explorador de Tendencias (Discover)

Biblioteca Curada

Sumérgete en una colección curada de paletas de tendencia creadas por diseñadores y la comunidad. Filtra por temáticas, estilos y estados de ánimo (Cyberpunk, Tierra, Minimalista, Neón, Editorial, Pastel). Encuentra la inspiración que necesitas para tu próximo proyecto y guarda cualquier colección directamente en tu biblioteca personal con un solo toque.

Puntos Clave
  • Colecciones de paletas curadas organizadas por categorías visuales y tendencias.
  • Búsqueda rápida por tonalidad dominante o concepto creativo.
  • Importación inmediata de cualquier paleta completa a tus proyectos de trabajo.
Consejo Pro:Explora la sección de tendencias antes de iniciar un nuevo diseño web para descubrir las combinaciones contemporáneas que marcan pauta en el sector.

8. Armonías Cromáticas y Variaciones

Teoría del Color

Dentro de la vista de detalle de cualquier color, accede al análisis matemático de armonías según la teoría cromática: combinaciones Análogas, Complementarias, Tríadas, Tétradas, Monocromáticas y División Complementaria (Split). Además, la herramienta genera automáticamente una escala completa de sombras (Shades) y luces (Tints) con incrementos controlados para crear sistemas de tokens de diseño completos.

Puntos Clave
  • Cálculo automático de los 6 esquemas armónicos clásicos de la rueda de color.
  • Generación de escalas tonales (luces, tonos base y sombras profundas).
  • Adición de cualquier armonía complementaria calculada a la paleta activa.
Consejo Pro:Utiliza la tríada para interfaces con llamada a la acción enérgica, o el esquema análogo para experiencias de lectura y calma visual.

9. Escalas de Sistema de Diseño (50-950) y OKLCH

Sistemas de Diseño

Lleva la consistencia visual de tus interfaces al estándar más exigente con el generador de escalas cromáticas para Design Systems. A partir de cualquier color base, Kromapick calcula automáticamente una rampa tonal completa de 11 pasos (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) utilizando el espacio de color perceptual uniforme OKLCH. A diferencia del espacio RGB o HSL tradicional, OKLCH garantiza transiciones de luminosidad matemáticamente equilibradas sin bandas oscuras ni pérdidas bruscas de saturación. Cada paso incluye el análisis instantáneo de ratio de contraste contra fondos blancos y negros, el distintivo WCAG correspondiente (AAA, AA o Large) y la sugerencia automática del color de texto más legible. Además, puedes exportar el código en 1 clic o guardar la escala completa directamente como una nueva paleta o incorporarla a un proyecto existente.

Puntos Clave
  • Generación perceptual uniforme de 11 pasos (50 a 950) en espacio de color OKLCH.
  • 2 Modos de cálculo: 'Fijar en 500' (ancla el color elegido en el centro del sistema) y 'Auto Perceptual' (ubica el color según su luminosidad natural).
  • Verificación individual de contraste WCAG 2.1 y recomendación de color de texto para cada paso.
  • Exportación directa en 1 toque a Tailwind CSS v4 (@theme), Tailwind v3, variables CSS :root, Figma Tokens Studio (W3C DTCG JSON) y lista de texto plano.
  • Guardado directo de la escala completa como paleta en tu biblioteca o asociada a un proyecto existente.
Consejo Pro:Utiliza la exportación a Tailwind v4 (@theme) para pegar la rampa de color directamente en tu archivo CSS global y tener acceso inmediato a clases como bg-brand-50, text-brand-900 y border-brand-500.

10. Accesibilidad y Contraste WCAG 2.1

Estándares y Accesibilidad

La belleza visual debe ir acompañada de usabilidad universal. Kromapick integra un motor de cálculo de ratio de contraste en tiempo real basado en las pautas WCAG 2.1. Evalúa inmediatamente si tu color cumple con los niveles AA y AAA tanto para texto normal como para texto grande contra fondos blancos puros y fondos negros profundos, previniendo errores de legibilidad antes de pasar a producción.

Puntos Clave
  • Cálculo numérico del ratio de contraste exacto (ej. 4.5:1, 7:1, 12:1).
  • Indicadores visuales de aprobación AA y AAA para texto estándar y tipografía de encabezado.
  • Recomendaciones visuales inmediatas para optimizar la legibilidad en interfaces de usuario.
Consejo Pro:Para textos de cuerpo y formularios en aplicaciones accesibles, asegúrate de que el contraste supere siempre el estándar mínimo AA (4.5:1).

11. Simulador de Interfaces (UI Palette Tester)

Prototipado en Vivo

¿Cómo lucen tus colores aplicados a un producto digital real? El UI Palette Tester proyecta instantáneamente tu paleta sobre componentes de interfaz simulados: tarjetas de comercio electrónico, barras de navegación, botones primarios y secundarios, tags de estado, avatares y áreas tipográficas. Con el botón Shuffle interactivo, puedes rotar y reasignar los roles de tus colores (fondo, acento, superficie, bordes) en tiempo real para evaluar el equilibrio antes de abrir tu entorno de desarrollo o Figma.

Puntos Clave
  • Maqueta interactiva de interfaz móvil con componentes reales y estados funcionales.
  • Botón Shuffle para alternar y probar roles de color al vuelo.
  • Verificación visual simultánea de jerarquía, contraste y peso visual en un entorno realista.
Consejo Pro:Usa el simulador frente a clientes o equipos de producto para justificar la elección de la paleta con ejemplos visuales tangibles.

12. Suite de Exportación Profesional

Flujo de Trabajo Pro

Conecta tu trabajo de color con todas las herramientas de tu flujo profesional. Kromapick exporta tus paletas en formatos nativos para diseño y desarrollo: archivos de muestra para Adobe Photoshop e Illustrator (.ASE y .ACO), tokens estructurados en JSON compatibles con Figma Tokens Studio, tarjetas vectoriales en formato SVG y fichas técnicas completas en PDF para presentaciones de marca. Para ingenieros de software, exporta definiciones limpias en Tailwind CSS, variables CSS :root, Swift y Kotlin.

Puntos Clave
  • Adobe Swatch Exchange (.ASE) y Adobe Color (.ACO) para la suite Creative Cloud.
  • Tokens Studio para Figma en formato JSON estructurado listo para sincronización con repositorios.
  • Formatos visuales vectoriales SVG y documentos PDF con fichas de especificación cromática.
  • Código nativo para frontend: Tailwind CSS config, variables CSS, SwiftUI, Flutter y Android Compose.
Consejo Pro:Exporta en .ASE para importar tu paleta directamente al panel Muestras de Photoshop o Illustrator sin tener que transcribir valores manualmente.

13. Proyectos, Nube y Papelera de Seguridad

Organización y Respaldo

Mantén tu trabajo organizado agrupando paletas en Proyectos personalizados por marca, cliente o aplicación. Si inicias sesión con tu cuenta, todas tus paletas y proyectos se sincronizan de forma continua y segura en la nube gracias a Supabase, permitiéndote retomar tu trabajo en cualquier dispositivo. Y si borras una paleta por error, nuestro sistema de Papelera (Trash) retiene tus elementos eliminados durante 30 días para que puedas restaurarlos intactos con un solo toque.

Puntos Clave
  • Carpetas de proyectos personalizadas para organizar paletas por clientes o temáticas.
  • Sincronización en la nube en tiempo real con funcionamiento offline garantizado.
  • Papelera de reciclaje segura (Trash) con ventana de restauración de 30 días ante eliminaciones accidentales.
Consejo Pro:Asigna nombres descriptivos a tus proyectos para filtrar y encontrar paletas de clientes pasados en cuestión de segundos.

14. Kromapick Pro (Beneficios y Planes)

Poder Ilimitado

Las herramientas principales de captura, conversión y experimentación son completamente gratuitas. Con Kromapick Pro, desatas todo el potencial de la plataforma: sincronización en la nube sin límites entre múltiples dispositivos, creación de carpetas de proyectos ilimitadas, guardado de paletas sin restricciones, acceso a todos los formatos de exportación profesional (ASE, ACO, Figma Tokens, PDF vectorial) y una experiencia sin interrupciones publicitarias.

Puntos Clave
  • Sincronización en la nube ilimitada entre todos tus dispositivos móviles y tabletas.
  • Carpetas de proyectos y almacenamiento de paletas sin ningún tipo de límite.
  • Exportación avanzada desbloqueada: Adobe (.ASE, .ACO), Figma Tokens JSON y PDF vectorial.
  • Navegación limpia y veloz sin anuncios publicitarios y acceso prioritario a nuevas herramientas.
Consejo Pro:Puedes probar y gestionar tu suscripción en cualquier momento de forma segura a través de Apple App Store o Google Play Store desde la app.
Volver al inicio

Kromapick Documentation © 2026