Color
Color y fondo
El color no cambió. Cambió el fondo.
La relación entre color y fondo decide si algo se lee. Un color no tiene contraste por sí solo: lo gana o lo pierde según lo que tiene detrás.
3 demos interactivas
Guía gratis por DM
Color
01
Qué es
Cuando hablamos de color y fondo hablamos de una pareja: un color no tiene contraste por sí solo, su contraste depende del color que tiene detrás.
Por eso el mismo blanco, el mismo amarillo o el mismo azul puede leerse perfecto en un fondo y desaparecer en otro. El error no es el color: es haberlo elegido sin mirar dónde va a vivir.
02
Pruébalo
Los seis colores nunca cambian. Mueve el fondo de claro a oscuro y mira cómo cada uno gana o pierde contraste. Fíjate en el azul.
MAL CONTRASTE
El color no cambió. Cambió el fondo.
La regla de oro
Elige cada color pensando en el fondo donde va a vivir.
03
Así no / así sí
Solo este fin de semana
OFERTA
Todo al 2 × 1 en la tienda
Ver másSolo este fin de semana
OFERTA
Todo al 2 × 1 en la tienda
Ver másDesaparece.
Blanco y amarillo sobre un fondo claro. La oferta está ahí, pero nadie la ve.
Se lee.
Los mismos colores sobre fondo oscuro. No cambiaste nada del texto, solo el fondo.
04
Aclara u oscurece
El azul #1417FB funciona en claro y falla en oscuro. Sube su luz sin tocar el tono y mira cuándo vuelve a pasar el 4.5:1.
Sobre claro · #ECECEE
AZUL
#1417FB · tu azul originalSobre oscuro · #050505
AZUL
#1417FBSi tu color falla, cambia su brillo, no su tono. Sigue siendo tu color.
05
Cómo aplicarlo hoy
1
Decide el fondo primero
¿Claro u oscuro? Después eliges los colores que van encima.
2
Prueba en los dos fondos
Si tu marca usa fondos claros y oscuros, revisa cada color sobre los dos.
3
Aclara u oscurece
Si tu color falla, cambia su brillo, no el tono. Sigue siendo tu color y ahora se lee.
4
Mide, no adivines
Usa un verificador de contraste: 4.5:1 para texto, 3:1 para titulares grandes e íconos.
06
Antes de publicar
- ¿Probaste tus colores sobre el fondo real?
- ¿Tu color de acento tiene una versión clara y una oscura?
- ¿El texto pequeño llega a 4.5:1?
- ¿Los titulares e íconos llegan a 3:1?
COMENTA
“FONDO”
y te envío
la guía
por DM
La guía de color y fondo en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.
Preguntas
frecuentes
¿Qué color de texto queda mejor sobre fondo negro?
Blanco o un gris muy claro, y colores de brillo alto como amarillo o versiones claras de tu color de marca. Los azules y rojos muy oscuros pierden contraste sobre negro.
¿Por qué un color se ve distinto según el fondo?
Porque el ojo percibe el color en relación con lo que lo rodea. Sobre un fondo claro, un color claro pierde contraste; sobre uno oscuro, lo gana. El color es el mismo, la diferencia de brillo no.
¿Cómo adapto mi color de marca a modo oscuro?
Crea una versión más clara del mismo tono para fondos oscuros. Sube la luminosidad hasta que llegue a 4.5:1 sobre el fondo y úsala solo en modo oscuro.
Sigue aprendiendo
