Khromafy Studio
Abrir Studio
Motor cromático para sistemas visuales

Un color es solo el punto de partida.

Convierte un tono o una imagen en escalas, armonías y roles de color listos para diseñar, validar y llevar a producción.

Prueba un color en toda la experiencia

Elige un tono y observa cómo cambia el fondo, la interfaz y sus aplicaciones.

Paleta aplicada al fondoVioleta orbital
Contraste WCAG integrado
Exporta para diseño y código
Nuevo sistema
Sistema listo
SISTEMA CROMÁTICO

Violeta orbital

#6C63FF
50#F1F0FF 100#D8D5FF 300#A9A3FF 500#6C63FF 700#4035C7 950#171148
Roles sugeridosFuncionales
Marca Superficie Acento Texto
COLOR CON INTENCIÓN Diseña con un sistema, no con muestras sueltas.
Del punto de partida al sistema completo

Un color se convierte en un lenguaje listo para usar

Khromafy reúne en un mismo flujo la creación de escalas, armonías, roles, contraste y exportaciones. Empieza con un color o una imagen, explora sus posibilidades y termina con decisiones preparadas para diseño y código.

01
Color o imagenDefine el punto de partida
02
Escalas y armoníasConstruye un sistema coherente
03
Roles y contrasteValida aplicaciones reales
04
Tokens y archivosLleva el resultado a producción
Diseñado para trabajo real

Un generador de paletas para producto, marca y contenido

Úsalo para definir tokens de una interfaz, preparar una identidad visual, comprobar colores de texto y fondo, extraer inspiración de una fotografía o entregar una paleta coherente entre diseño y desarrollo.

Diseño UIBrandingAccesibilidad WCAGMotion y videoDiseño editorialDesign tokens
Preguntas frecuentes

Lo esencial antes de crear tu paleta

¿Khromafy es un generador de paletas gratuito?

Sí. Puedes crear, ajustar y explorar sistemas cromáticos desde el navegador sin instalar software.

¿Puedo crear una paleta a partir de una imagen?

Sí. La imagen se analiza localmente en el navegador para detectar tonos dominantes y construir una paleta funcional.

¿Cómo ayuda con la accesibilidad?

Khromafy calcula contraste entre colores y señala combinaciones que pueden cumplir niveles de lectura WCAG.

¿En qué formatos puedo exportar?

Puedes obtener valores y archivos para CSS, JSON, Tailwind, ASE, SVG, PNG y otros flujos de diseño.