INICIALIZACIÓN DEL SISTEMA
Utilidad cromática avanzada lista.
Elige un color visualmente, ajusta los tonos y genera una paleta profesional.
SELECCIÓN VISUAL DEL COLOR BASE
MUESTRA ACTIVA
COLORES RÁPIDOS
No hace falta saber el código del color: puedes elegirlo desde la paleta visual y el sistema genera automáticamente HEX, RGB, HSL, HSV y CMYK.
CENTRO DE CONTROL CROMÁTICO
RESUMEN DEL SISTEMA
COLOR ACTIVO
#1D63FF
FORMATOS PRINCIPALES
- HEX#1D63FF
- RGBrgb(29, 99, 255)
- HSLhsl(221, 100%, 56%)
- HSVhsv(221, 89%, 100%)
- CMYKcmyk(89%, 61%, 0%, 0%)
METADATOS DEL COLOR
- Luminancia relativa0.168
- Texto recomendadoBlanco
- Temperatura visualFrío
- SATURACIÓNAlta
- BrilloMedio / alto
TONOS RÁPIDOS
RECOMENDACIONES
- El color activo se comporta bien como color principal para interfaces.
- Combínalo con un neutro claro para una mejor jerarquía visual.
- Verifica contraste antes de usarlo en texto pequeño.
- Usa la sección de gradiente para crear fondos más ricos.
CONVERSOR AVANZADO DE COLOR
ENTRADA DIRECTA
SELECTOR VISUAL SECUNDARIO
GENERADOR DE PALETA
CONFIGURACIÓN DE PALETA
ARMONÍAS DE COLOR
TIPOS DISPONIBLES
- Complementaria-
- Análoga-
- Triádica-
- Tetrádica-
- Monocromática-
SELECTOR DE ARMONÍA
VISTA DE ARMONÍA
CONTRASTE Y ACCESIBILIDAD
COMPARADOR
Vista previa
Texto de muestra para comprobar legibilidad
Texto pequeño · botón · interfaz · accesibilidad
RESULTADO WCAG
- Ratio-
- AA texto normal-
- AA texto grande-
- AAA texto normal-
- AAA texto grande-
GENERADOR DE GRADIENTE
CONFIGURACIÓN
PREVISUALIZACIÓN
background: linear-gradient(90deg, #1D63FF 0%, #FFAE24 100%);
EXPORTACIÓN DE DATOS
FORMATOS DISPONIBLES
SALIDA
HISTORIAL Y FAVORITOS
COLORES RECIENTES
ATAJOS RÁPIDOS
- Haz click en cualquier muestra para cargarla como color activo.
- Usa “Color aleatorio” para explorar combinaciones inesperadas.
- Bloquea colores de la paleta y vuelve a generar el resto.
- Exporta variables CSS para usarlas en tus proyectos.
TEXTO DESCRIPTIVO
Esta paleta de colores online te permite trabajar de forma profesional con HEX, RGB, HSL, HSV y CMYK, generar armonías, contrastes y gradientes sin salir del navegador.
Es ideal para diseño web, branding, interfaces, redes sociales, impresión y prototipos visuales donde necesitas códigos exactos y combinaciones equilibradas.
También incluye exportación rápida, historial local y recomendaciones automáticas para mejorar accesibilidad y consistencia cromática.