Color
Teoría del color, paletas y colores para degradados, con códigos que puedes copiar.
200 guías · 11 temas
ColorTeoría del color básica para quienes no diseñan
5 min de lectura
No hace falta pasar por una escuela de arte para elegir bien los colores. Seis ideas explican casi cualquier decisión de color, y cada una se aprende en pocos minutos.
ColorCómo usar una rueda de color para elegir una paleta
5 min de lectura
La rueda de color es la herramienta más antigua del color y sigue siendo la más útil. Cómo leer una, por qué la rueda del pintor y la de pantalla no coinciden y cómo convertirla en una paleta.
ColorColores complementarios: contraste que sigue sintiéndose equilibrado
5 min de lectura
Los colores opuestos dan el contraste más fuerte que puede ofrecer el color, y el camino más rápido a un diseño que vibra o a uno que grita. La diferencia está en la proporción y la luminosidad.
ColorColores análogos: el camino más fácil hacia una paleta serena
5 min de lectura
Elige tres vecinos del círculo cromático y casi no puedes fallar. La habilidad está en darles contraste suficiente para que sigan siendo interesantes y en saber cuándo romper la calma.
ColorColores triádicos y paletas complementarias divididas, explicados
5 min de lectura
Tres colores repartidos por igual pueden hacer que una paleta se sienta atrevida y equilibrada a la vez, o como una caja de juguetes. La diferencia está casi por completo en qué color manda.
ColorEsquema de color monocromático: un tono, toda una identidad
5 min de lectura
Un solo tono suena limitado hasta que ves cuánto rango cabe dentro. Bien construido, un único color puede cubrir fondos, texto, botones y degradados, y verse más distintivo que un arcoíris.
ColorCómo elegir los colores de una marca: un método paso a paso
6 min de lectura
Los colores de una marca se eligen, no se encuentran. Un método claro te lleva de la página en blanco a una paleta distintiva, legible y que siga siendo la adecuada dentro de dos años.
ColorPsicología del color: qué es real y qué es mito
6 min de lectura
Las tablas que dicen que el rojo da hambre y el azul da confianza están por todas partes, y casi siempre son demasiado simples para servir. Aquí tienes un relato más honesto de lo que hace el color y cómo usarlo bien.
ColorSignificado de los colores en distintas culturas: una guía con cautela
7 min de lectura
El blanco puede ser una boda o un funeral. El rojo puede ser peligro o buena fortuna. Si tus diseños viajan, esto es lo que aportan los colores principales en distintos lugares y cómo comprobarlo antes de lanzar.
ColorDegradados morados: paletas, códigos y cómo usarlos
5 min de lectura
El morado es uno de los colores de degradado más usados en la web, lo que lo convierte en una opción segura y a la vez en una en la que es fácil perderse. Aquí tienes paletas pensadas, con los códigos para usarlas.
ColorDegradados azules: 20 paletas del hielo a la medianoche
6 min de lectura
El azul es el color más seguro del diseño, y por eso tantos degradados azules se parecen. Aquí van veinte que no, agrupados del más claro al más oscuro, con los códigos y el razonamiento detrás.
ColorDegradados rosa que se ven modernos, no empalagosos
5 min de lectura
El rosa puede parecer una tienda de chucherías o una revista de moda. La diferencia rara vez está en el rosa en sí; está en lo que pones a su lado. Aquí tienes paletas, combinaciones y códigos para un rosa actual.
ColorDegradados de atardecer: paletas naranja, coral y crepúsculo
6 min de lectura
La mayoría de los degradados de atardecer fallan en el mismo sitio: el centro, donde el azul se encuentra con el naranja y se vuelve gris. Un cielo real nunca hace eso. Este es el orden que sigue la naturaleza, y diez paletas basadas en él.
ColorDegradados verdes: frescos, profundos y eléctricos
5 min de lectura
El verde puede ser una mañana de primavera, un club privado o el cartel de una rave. Aquí hay degradados verdes para cada caso, con códigos, y una salida del tópico del verde hoja.
ColorDegradados negros: diseñar con casi negro
7 min de lectura
El negro puro es un agujero en la pantalla. Los degradados negros que parecen caros se construyen con casi negros que llevan un poco de color dentro, y una luz que se mueve.
ColorDegradados rojos: energía sin sensación de alarma
7 min de lectura
El rojo capta la atención más rápido que ningún otro color, y justo por eso sale mal. Cómo crear degradados rojos que se sientan vivos, cálidos y seguros en lugar de estridentes.
ColorDegradados arcoíris que no parecen un ajuste por defecto
6 min de lectura
El arcoíris por defecto tiene una franja amarilla chillona y un agujero azul oscuro. Corrige la luminosidad, elige tu arco y el espectro se convierte en una de tus herramientas más alegres.
ColorContraste de color: texto legible para todos
6 min de lectura
El contraste es la diferencia entre palabras que se leen y palabras que se saltan. Las cifras de WCAG en cristiano, cómo comprobarlas y qué cambia cuando el fondo es un degradado.
ColorCódigos de color hex, RGB, HSL y OKLCH: qué significan
6 min de lectura
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) y oklch(54.1% 0.247 293) son el mismo violeta. Esto es lo que dice de verdad cada notación y cuándo se justifica cada una.
ColorPaleta de color a partir de una imagen: cómo sacarla de una foto
5 min de lectura
Un cuentagotas te da un píxel. Una paleta necesita los colores que recuerdas de la imagen, en las proporciones correctas. Así se pasa de uno a otra.
ColorLa regla 60 30 10: proporción de color para diseño y marca
5 min de lectura
La mayoría de las paletas fallan en la proporción, no en la elección. Tres números te dicen cuánto usar de cada color, y funcionan igual de bien en la pantalla de un móvil que en los salones de los que vienen.
ColorColores cálidos y fríos: usar la temperatura con intención
6 min de lectura
Todo color tiene temperatura, incluidos tus grises y tus blancos. Aprende a leerla y podrás hacer que un diseño se sienta más cercano, más tranquilo o más luminoso sin cambiar un solo tono.