El Estándar de Inteligencia Cromática
La Anatomía del Color y la Color Intelligence
Explora ColourIntell: el motor global de inteligencia cromática con verificación de contraste WCAG 2.2, simulador 3D y más de 1.200 tonos seleccionados.
01 / Fundamentos
¿Qué es el Color? Física y Biología de la Visión
En su esencia física, el color no es una propiedad intrínseca de los objetos, sino la interpretación perceptual de la radiación electromagnética dentro del espectro visible de 380 nm (violeta) a 750 nm (rojo profundo).
La visión humana es tricromática: nuestra retina aloja tres tipos de conos fotorreceptores: Cortos (S, ~420nm), Medios (M, ~530nm) y Largos (L, ~560nm). Cuando la luz se refleja o emite, estos conos estimulan vías neuronales descodificadas por la corteza visual en tono, saturación y brillo.
02 / Metodología
¿Qué es la Inteligencia Cromática?
La Inteligencia Cromática representa la convergencia de la física óptica, psicología cognitiva, matemáticas de accesibilidad W3C y sistemas generativos de diseño. La elección del color ya no depende de intuiciones arbitrarias.
En aplicaciones web en producción, la intuición por sí sola causa fallos graves: textos ilegibles, auditorías de accesibilidad reprobadas y desorientación visual en modo oscuro.
Lo que ColourIntell.com hace en detalle
ColourIntell.com es un sistema operativo de inteligencia cromática sin barreras, pensado para creadores, ingenieros, coloristas de video y diseñadores, ejecutado directamente en el navegador:
Motor Multi-Espacio
Conversiones instantáneas entre HEX, RGB, HSL, HSV, CMYK, OKLCH, CIE XYZ y CIE Lab con linealización gamma sRGB y punto blanco D65.
Laboratorio WCAG 2.2
Calculadora de contraste fotométrico en tiempo real que verifica 4.5:1 (AA), 3.0:1 (UI amplia) y 7.0:1 (AAA) según el W3C.
Geometría Armónica
Cálculo algorítmico exacto de complementarios (180°), análogos (±30°), triádicos (120°) y tetrádicos (90°).
Escalas Perceptuales (50–950)
Generador de rampas tonales de 11 niveles en espacio OKLCH que preserva la luminosidad óptica humana sin desviar el tono.
Agente IA ColourIntell
Inteligencia generativa impulsada por Gemini para traducir consultas de lenguaje natural en paletas funcionales y mockups UI.
Juegos de Percepción Visual
Suite interactiva de calibración visual con entrenamientos de agudeza visual, adivinanza de HEX y reflejos WCAG.
Exportaciones Multi-Framework
Exportación en un clic de variables CSS (:root), configuraciones Tailwind CSS, tokens de diseño Figma (JSON) y CMYK.
100% Privacidad en Cliente
La extracción de paletas y cuantificación se ejecutan localmente en el Canvas HTML5. Ningún archivo sale de tu equipo.
Frequently Asked Questions
¿Qué es ColourIntell y para quién está diseñado?
ColourIntell es una plataforma global de inteligencia cromática creada para diseñadores UI/UX, desarrolladores web, arquitectos de sistemas de diseño y creadores de marca. Combina conversiones de espacios de color (HEX, RGB, HSL, HSV, CMYK, OKLCH, CIE XYZ, CIE Lab) con validación WCAG 2.2, generadores armónicos y exportación instantánea de código.
¿Cómo calcula ColourIntell los ratios de contraste WCAG 2.2?
ColourIntell utiliza la ecuación oficial de luminancia relativa del W3C: (L1 + 0.05) / (L2 + 0.05). Se calcula linealizando los valores sRGB mediante expansión gamma y aplicando la sensibilidad espectral humana (0.2126R + 0.7152G + 0.0722B). Ratios de 4.5:1 cumplen nivel AA para texto normal, 3.0:1 para elementos grandes y 7.0:1 alcanzan nivel AAA.
¿Cuál es la diferencia entre HEX, RGB, HSL y OKLCH?
HEX y RGB son codificaciones aditivas de pantalla para los canales rojo, verde y azul. HSL es una representación cilíndrica intuitiva, pero carece de uniformidad perceptual. OKLCH es un modelo perceptual moderno creado por Björn Ottosson que alinea el brillo con la visión humana real, convirtiéndose en el estándar óptimo para diseño digital.
¿La extracción de paletas desde imágenes es privada y segura?
Sí, 100% privada y segura. Toda la extracción y cuantificación de color se ejecuta de forma local en tu navegador mediante HTML5 Canvas y JavaScript. Tus imágenes nunca se transmiten a servidores externos ni se almacenan en bases de datos.
¿Cómo se calculan las armonías geométricas de color?
Las armonías se derivan de relaciones angulares exactas en la rueda de color de 360°: Complementaria (opuestos a 180°), Análoga (vecinos a ±30°), Triádica (intervalos equiláteros de 120°), Complementaria Dividida (150° y 210°) y Tetrádica (rectángulos a 90°).
¿Puedo usar los tokens y paletas de ColourIntell en productos comerciales?
Sí, con total libertad. Todas las variables CSS, configuraciones Tailwind y tokens de diseño JSON generados en ColourIntell son de código abierto y gratuitos para aplicaciones personales y comerciales sin requerir atribución.