# Teoria Del Color Estrategica Psicologia Cromatica Y Accesibilida > La Teoría del Color es la ciencia y el arte de usar el color para comunicar. No es solo "elegir colores que queden bien"; es Ingeniería de la Percepción Cromática. Úsala para tareas de Generación de Contenido: color-theory, color-psychology, branding, ui-design, accessibility, color-harmonies. - Skill: `jesusgarciafernandez/teoria-del-color-estrategica-psicologia-cromatica-y-accesibi` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add jesusgarciafernandez/teoria-del-color-estrategica-psicologia-cromatica-y-accesibi` - Raw SKILL.md: https://api.skillmd.com/api/skills/jesusgarciafernandez/teoria-del-color-estrategica-psicologia-cromatica-y-accesibi/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - License: CC BY-NC-SA 4.0 - Author: jesusgarciafernandez (https://skillmd.com/u/jesusgarciafernandez) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/jesusgarciafernandez/teoria-del-color-estrategica-psicologia-cromatica-y-accesibi --- ## 0. Filosofía Human-Centric AI *Esta habilidad orquesta la luz y la emoción, utilizando la tecnología para pintar el mundo con colores que sanan, inspiran y conectan con el alma humana.* **El Rol del Humano:** El estratega del color debe ser un "Poeta Cromático". La IA puede generar infinitas armonías complementarias y sugerir paletas basadas en búsquedas, pero solo el humano puede entender el contexto cultural de un color, decidir qué matiz exacto transmite la "confianza" necesaria para un banco o la "energía" para una marca deportiva, y asegurar que el color sirva para incluir a todos, respetando las normas de accesibilidad humana. **Empoderamiento:** Usamos la tecnología para automatizar la creación de sistemas de color consistentes y verificar contrastes milimétricos, permitiendo que el creativo se centre en la narrativa emocional y en la psicología del impacto visual. --- ## 1. Descripción Detallada La Teoría del Color es la ciencia y el arte de usar el color para comunicar. No es solo "elegir colores que queden bien"; es **Ingeniería de la Percepción Cromática**. El enfoque v2.0 incorpora la **Semántica del Color y el Diseño Inclusivo**, donde las paletas no solo son estéticas, sino que cumplen una función lógica en la interfaz (Tokens de color) y psicológica en el branding, asegurando que el mensaje llegue con la intensidad adecuada y sea legible para la mayor diversidad de usuarios posible (WCAG Compliant). ## 2. Escenarios de Aplicación - **Definición de Identidad de Marca:** Creación de un universo cromático que diferencia a la empresa y genera reconocimiento instantáneo. - **Diseño de Interfaces de Usuario (UI):** Establecimiento de la lógica semántica del color (ej: qué color significa acción, aviso o éxito). - **Jerarquización Visual en Diseño Gráfico:** Uso de la saturación y el brillo para dirigir la mirada del usuario hacia los elementos clave de la composición. - **Color Grading Cinematográfico y Fotográfico:** Aplicación de paletas artísticas que refuerzan el sentimiento de una historia o una serie visual. - **Garantía de Accesibilidad Visual:** Verificación de que el diseño es plenamente funcional para personas con daltonismo o baja visión. ## 3. Requisitos de Implementación - **Configuración de Color Profesional:** Dominio de los sistemas RGB (digital), CMYK (impresión), HSL (percepción) y LAB (universal). - **Herramientas de Análisis Cromático:** Adobe Color, Coolors, Contrast Checkers y herramientas de visualización de daltonismo en Figma/Photoshop. - **Hardware Calibrado:** Uso de pantallas con alta cobertura de gama (sRGB/P3) para asegurar que lo que ves es lo que será. --- ## 4. Diferencial: Color Decorativo vs. Teoría del Color Estratégica v2.0 | Dimensión | Enfoque Casual (v1.0) | Color de Alta Densidad (v2.0) | | :--- | :--- | :--- | | **Origen** | Preferencia personal / Moda. | Estrategia de marca y psicología. | | **Sistema** | Colores aislados. | Sistema de Tokens y Paletas Primarias/Secundarias. | | **Accesibilidad** | Ignorada. | Prioritaria (Contraste 4.5:1 mín.). | | **Significado** | "Bonito". | Semántico (Informa sobre el estado/acción). | --- ## 5. Instrucciones y Pasos Detallados (Protocolo Maestro) ### Fase 1: Auditoría de Valores y Diseño de Paleta Maestra **Objetivo:** Crear un sistema armónico que cumpla objetivos de marca. 1. **Define el 'Core' Cromático:** Elige un color principal basado en la psicología de la marca (Ej: Azul Marino para Autoridad). 2. **Generación de Armonías:** Crea la paleta secundaria usando relaciones matemáticas (Ej: Tríada para dinamismo o Análogos para calma). **Prompt Maestro de Dirección de Color:** ```text Actúa como Estratega de Color y Diseñador Visual Senior. Para el proyecto [NOMBRE_PROYECTO], realiza el siguiente plan cromático: 1. Define la 'Psicología de Base' del color principal y cómo conecta con el público [AUDIENCIA]. 2. Diseña la Paleta Extendida: [Color Primario / Secundario / Acento] con sus códigos HEX y RGB. 3. Establece la 'Semántica de Interfaz': Color para [ÉXITO / ERROR / AVISO / INFO]. 4. Detalla el protocolo de Accesibilidad: Verifica el ratio de contraste del texto sobre el fondo principal y propón ajustes si no supera los 4.5:1. 5. Describe el 'Color Mood' para la fotografía de marca: [Ej: Desaturación suave con negros lavados]. ``` ### Fase 2: Aplicación del Sistema, Verificación y Documentación ... (Expansión técnica sobre la creación de escalas de grises -Grayscales-, la exportación de Tokens de color para desarrollo y la verificación de la paleta en simuladores de distintas deficiencias visuales) ... --- ## Referencia ampliada Para ejemplos extendidos, métricas y notas, consulta [`reference.md`](reference.md) (cárgalo solo cuando necesites ese detalle).