Teoría del color Blog
Artículos y guías sobre teoría del color, diseño de interfaces, reglas de armonía cromática y accesibilidad web.
Temperatura de color: Kelvin, balance de blancos y diseño
Qué mide realmente la temperatura de color, cómo se relacionan los kelvin con la sensación cálida-fría de una pantalla, y cómo aplicar la lógica del balance de blancos para evitar que una paleta digital se desvíe hacia el naranja o el azul.
Cómo crear degradados que no se vean sucios
Una guía práctica para mezclar degradados de color en interfaces: por qué el punto medio se vuelve gris, cómo la interpolación de matiz genera barro, y los recursos —caminos de matiz, múltiples paradas y espacios de color— que mantienen las mezclas limpias.
Cómo elegir una paleta de color: guía paso a paso
Un método de principio a fin para elegir una paleta de color: escoge un tono base, elige una regla de armonía, asigna proporciones 60/30/10, comprueba el contraste WCAG y pruébalo en contexto real.
Cómo diseñar paletas accesibles para el daltonismo
Una guía práctica para diseñar paletas accesibles para el daltonismo: los principales tipos de deficiencia de visión cromática, por qué el tono por sí solo nunca basta, emparejamientos seguros y cómo probar con simuladores.
Cómo elegir un esquema de color para tu sitio web
Una guía práctica y específica para la web sobre cómo construir un esquema de color real: color primario, neutros, texto legible, un acento/CTA, estados semánticos y colores de enlace, montado a partir de una paleta generada y verificado para la accesibilidad.
La regla 60-30-10: equilibrar el color en el diseño
Una guía práctica sobre la regla 60-30-10: cómo la proporción de color crea equilibrio en el diseño UI y web, con ejemplos reales en hex, errores comunes y un método repetible.
Colores cálidos vs. fríos: cómo usar la temperatura de color en el diseño
Una guía práctica sobre la temperatura de color: qué colores son cálidos y cuáles fríos y por qué, cómo los cálidos avanzan y los fríos retroceden, la temperatura dentro de un mismo tono y cómo equilibrar ambos en una sola paleta con códigos hex reales.
Tintes, sombras y tonos explicados
Una guía práctica sobre tintes, sombras y tonos: qué es cada uno, en qué se diferencia el valor de la saturación y cómo construir una escala monocromática limpia a partir de un solo tono usando HSL, con ejemplos hex reales para superficies de interfaz, hovers y estados deshabilitados.
Códigos de color HEX, RGB y HSL explicados
Un desglose práctico y sin paja de los códigos de color HEX, RGB y HSL: qué codifica realmente cada uno, cuándo recurrir a cada cual y por qué HSL es el formato que querrás para ajustar tintes y sombras.
Cómo usar una rueda de color para elegir colores
Una guía práctica para usar de verdad una rueda de color: cómo se mapean en ella el tono, la saturación y la luminosidad, la diferencia entre RYB y RGB que introducen las herramientas modernas, y cómo leer cada armonía como un ángulo.
Entender la armonía cromática en el diseño de interfaces
Una guía práctica sobre la armonía cromática en el diseño de interfaces: cómo funciona cada esquema del círculo cromático, ejemplos reales en hex, los roles dominante/secundario/acento y los errores que conviene evitar.
Las ratios de contraste de la WCAG explicadas: guía práctica para diseñadores
Una guía práctica de un diseñador sénior sobre las ratios de contraste de la WCAG: qué significan realmente 4,5:1, 3:1 y 7:1, AA frente a AAA, texto grande frente a normal, la regla 1.4.11 de elementos no textuales y cómo medir y corregir el bajo contraste.
La psicología del color en el branding: guía de un profesional
La visión de un diseñador sénior sobre la psicología del color en el branding: qué transmiten realmente los colores, por qué los clichés son medio falsos y un proceso práctico para elegir colores de marca a propósito.
Crear tokens de color escalables para sistemas de diseño
Una guía práctica para estructurar tokens de color primitivos, semánticos y de componente: convenciones de nomenclatura, escalas numéricas, theming de modo oscuro y los errores que rompen sigilosamente los sistemas de diseño a medida que crecen.
Buenas prácticas para paletas de color en modo oscuro
Una guía práctica para crear paletas de color en modo oscuro que de verdad funcionan: grises oscuros en lugar de negro puro, elevación, acentos desaturados, contraste WCAG y los errores que veo más a menudo.
Paletas complementarias divididas frente a tríadas: guía práctica para diseñadores
Una comparación práctica entre los esquemas complementario dividido y tríadico: los ángulos exactos en la rueda, el ambiente que produce cada uno, ejemplos con hex reales y cómo elegir entre ellos.