Color Studio Pro
Crea paletas de color de marca, revisa el contraste de accesibilidad, y comparte enlaces listos para clientes — todo delimitado a tu negocio.
📋 ¿Qué hace Color Studio Pro?
Color Studio Pro te ayuda a crear y administrar paletas de color para tus marcas — elige colores, genera armonías, revisa el contraste para accesibilidad, y entrega a tus clientes un enlace compartible para ver la paleta sin necesidad de iniciar sesión.
🏢 Perfiles de Marca
Agrupa paletas bajo marcas con nombre (nombre, descripción, logo).
🖌️ Constructor Visual
Agrega/edita colores, genera armonías a partir de un color base, o extrae colores de una imagen subida.
♿ Revisión de Accesibilidad
Relación de contraste WCAG en vivo (AA/AAA) entre dos colores cualquiera de la paleta.
🔗 Compartir con Clientes
Un enlace público, sin necesidad de iniciar sesión, para cualquier paleta marcada como compartible — útil para enviar a clientes o imprentas.
🏢 Marcas
Las marcas son carpetas opcionales para paletas — útiles si administras sistemas de color para más de un cliente o línea de producto.
Abre Marcas
Usa el enlace "Brands" desde el Dashboard.
Agrega una marca
Nombre, descripción y una URL de logo — el panel "New Brand" siempre está visible en la parte superior de la página.
Asigna paletas
Al crear o editar una paleta, elige una marca del menú desplegable (o déjala "Sin marca").
🖌️ Constructor de Paletas
El constructor es donde realmente diseñas una paleta: le pones nombre, le asignas una marca, y administras sus colores.
Agregar colores
➕ Agregar Color
Agrega una muestra de color en blanco que puedes nombrar y asignarle un valor hexadecimal.
🎯 Generar Armonía
Elige un modo (Complementaria, Análoga, Triádica, Complementaria Dividida, Monocromática) y se generan colores a partir de tu primera muestra.
🖼️ Imagen
Sube un JPEG/PNG/WebP y extrae un conjunto de colores representativos.
Guardar
Nada se guarda hasta que haces clic en Save Palette. Cada guardado también escribe una versión — revisa "Versions" en el panel lateral para restaurar un estado anterior.
position de cada color.
♿ Accesibilidad
El panel de Accesibilidad revisa la relación de contraste entre dos colores de tu paleta contra los lineamientos WCAG:
| Insignia | Significado |
|---|---|
| AA | Cumple la relación de contraste mínima (4.5:1 para texto normal). |
| AAA | Cumple la relación de contraste mejorada (7:1 para texto normal) — el estándar más estricto. |
Elige un color de Fondo y uno de Texto en los menús desplegables, y guarda una combinación con una nota (p. ej. "Texto de cuerpo sobre fondo de tarjeta") para llevar un registro de qué combinaciones ya revisaste.