Accesibilidad
Cómo elegir una paleta de colores accesible para tu web
Un método paso a paso para definir colores de marca, comprobar contraste y probar tus diseños con herramientas gratuitas.
Leer guía completa →Guías y recursos sobre color, accesibilidad y diseño
Descubre artículos prácticos para mejorar cómo usas el color en tu web y en tu marca: paletas, contraste, daltonismo, psicología del color y mucho más.
Branding
Aprende a usar la psicología del color para elegir la paleta de tu marca
Qué transmite cada color, cómo elegir tonos para tu marca y cómo evitar caer en tópicos al diseñar tu identidad visual.
Leer guía completa →
UX / UI
Errores típicos con el color en botones, formularios y enlaces
Botones que no se ven, enlaces que se confunden y mensajes de error invisibles: ejemplos reales y soluciones sencillas.
Leer guía completa →
Branding
Guía para documentar la paleta de colores de tu marca
Guía práctica para documentar la paleta de colores de tu marca, con ejemplos y códigos listos para usar.
Leer guía completa →
Accesibilidad
Comprobar la accesibilidad de color de tu web
Aprende a revisar la accesibilidad de color de tu web paso a paso usando capturas de pantalla.
Leer guía completa →
UX / UI
Cómo crear un sistema de estados de color coherente en tu interfaz
Aprende a definir estados de color coherentes para botones, enlaces y componentes de tu interfaz.
Leer guía completa →
Fundamentos
HEX, RGB y HSL: qué son y cuándo usar cada formato de color
Aprende qué significan los códigos de color HEX, RGB y HSL, en qué se diferencian y cuándo conviene usar cada uno en diseño web y CSS.
Leer guía completa →
Branding
Psicología del color en el diseño web: qué transmite cada color
Descubre cómo el rojo, azul, verde, amarillo y otros colores influyen en la percepción de tu marca y en las decisiones de los usuarios.
Leer guía completa →
Branding
Cómo crear una paleta de colores para tu marca desde cero
Método paso a paso para construir una paleta de marca: color principal, colores de apoyo, neutros y comprobación de contraste.
Leer guía completa →
Accesibilidad
Qué es el contraste de color y por qué importa en accesibilidad web
Aprende qué es el ratio de contraste, qué niveles exige la normativa WCAG y cómo comprobar si tu web cumple los requisitos.
Leer guía completa →
UX / UI
Colores para botones de llamada a la acción: qué funciona y por qué
Por qué el naranja y el verde dominan los CTAs, cómo elegir el color de tu botón según el contexto y cómo verificar el contraste.
Leer guía completa →
Branding
Cómo elegir colores para tu web según el sector de tu empresa
Qué paletas funcionan mejor en tecnología, salud, alimentación, moda, finanzas y otros sectores. Con ejemplos y análisis de tendencias.
Leer guía completa →
Fundamentos
Qué es la teoría del color y cómo aplicarla al diseño digital
Círculo cromático, colores primarios, armonías cromáticas, temperatura del color y contraste: los fundamentos que todo diseñador digital necesita.
Leer guía completa →
Paletas de color
Colores pastel: qué son, cómo combinarlos y cuándo usarlos
Qué define a un color como pastel, cómo crear paletas pastel equilibradas y en qué proyectos de diseño tienen más sentido.
Leer guía completa →
Diseño web
Cómo crear un degradado de color profesional para tu web
Tipos de gradiente CSS, cómo elegir los colores extremos, errores habituales y cómo generar los tonos intermedios perfectos.
Leer guía completa →
Branding
Los colores más usados en logos de marcas famosas y qué transmiten
Análisis de los colores dominantes en logos de marcas líderes y qué lecciones de branding puedes aplicar a tu propio proyecto.
Leer guía completa →