Академический Документы
Профессиональный Документы
Культура Документы
COMPARTE!
Combinaciones bsicas de
1 color entre texto y color de
fondo
Diseo Grfico
+ Diseo web
Vernica Valenzuela
Colores, Tipografa
7 Mayo, 2015
32 comentarios
Cuando vamos a disear un cartel, una revista, una web o blog., cualquier
elemento grafico en el que se incluyan tipografas y fondos, es muy importante
tener en cuenta las combinaciones de fondo y texto, al igual que lo hacamos
entre las propias tipografas.
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 2 de 21
Por esto, hoy os voy a mostrar unos ejemplos de texto, sobre fondos de
colores bsicos, para que podamos ir descubriendo el efecto de cada uno de
ellos. Son ejemplos bsicos, sobre los que es imposible equivocarse.
Probaremos con una tipografa sans serif, open sans, para que ni la tipografa
nos distraiga del mensaje.
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 3 de 21
Blanco y negro
Es la combinacin ms conocida y que siempre funciona. Este mismo texto lo
estis leyendo en negro sobre blanco, y el 95% de los textos impresos tales
como revistas, peridicos se desarrollan de esta manera. Para textos largos
que van a leerse es la combinacin perfecta. Es la combinacin que mejor se
lee de cerca. Es el mayor contrate de todos, claridad y oscuridad, por lo que el
mensaje se transmite de manera ms clara y directa.
Amarillo y negro
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 4 de 21
Rojo y blanco
Erroneamente se cree que es una buena combinacin, porque los textos en
rojo llaman ms la atencin, pero sin embargo ocurre todo lo contrario. Son
menos ledos porque se leen mal y dan a entender que su contenido es poco
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 5 de 21
serio. Si adems, los ponemos en negativo, blanco sobre rojo, son menos
legibles aun. Las letras rojas distraen, los fondos rojos llaman la atencin. A
todos nos viene a la cabeza la seal de STOP, el mensaje es en blanco, pero la
forma de la seal es tan caracterstica, un octgono rojo, que aunque no
pusieran las letras nos detendramos
Texto multicolor
El uso de un texto multicolor, es casi como la ultima regla de la combinacin
tipogrfica: nunca est justificado. Hay una diferencia entre combinar colores y
tipografas y que el texto en si sea multicolor. El resultado de esto es la
ilegibilidad del mismo. Hay muchos puntos en los que podemos jugar con el
color, pero siempre dando uniformidad. El texto, como siempre decimos ha de
ser legible y por lo tanto la uniformidad del color es muy importante.
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 6 de 21
No Te Puedes Perder...
Combinaciones bsicas de color entre texto y color de fondo, 4.23 / 5 (13 votos)
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 7 de 21
Vernica
Valenzuela Un saludo!
Responder
jhon Responder
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 8 de 21
tengo que apuntar que usar el 100% negro en web (black, #000 o rgb(0,0,0)) no es muy
bueno, quizas para la lectura pero no combinara 100% en nuestro sitio o diseo, por
Edgar
Gutierrez eso siempre se recomienda un gris bastante oscuro y bueno tambin destacar que
combinar un color oscuro con letras blancas, es una opcin para resaltar parrafos
cortos pero no textos largos como artculos.
Vernica
Valenzuela Como comentas tambin funciona muy bien usar un gris oscuro sobre fondo
blanco para la lectura. Dependiendo del grosor de la tipografa entre otras
cosas, podemos usar un gris ms claro u oscuro. En cualquier caso, es la
mejor combinacin negro/gris sobre blanco, en la lectura prima la legibilidad y
los contrastes nos ayudan.
Un saludo
Responder
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 9 de 21
Excelente
Katherine Responder
Monje
Pompejus
Lore Responder
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 10 de 21
Jess emocional.
Navas
Guerrero Es verdad que con un mal colorido y formato grfico en una web, muchas personas no
prestaran ni tres segundos de atencin.
Responder
Un saludo!
Responder
Damiana Responder
Gracias Damiana!
Responder
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 11 de 21
Vernica
Valenzuela
Muy interesante tus Escritos. Quiero perfeccionar el diseo grfico y estos consejos
me ayudaran mucho, Gracias por dedicar tiempo para hacer esto.
Victor
Responder
Vernica
Valenzuela Un saludo Victor!
Responder
Felicitaciones por este excelente artculo, tengo una inquietud, deseo imprimir unos
stickers de tamao 4cms x 4cms pero ya hice la prueba y la fuente de los datos de
EDWIN
LADINO contacto no se leen, quedan borrosos, el diseo esta un fondo azul claro y la fuente en
BALLEN blanco, como se podra hacer legible en este tamao, que tipo de fuente debo utilizar y
que contraste de color me beneficiaria. Muchas gracias de antemano
Responder
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 12 de 21
Hola Edwin,
Vernica
Valenzuela
Por lo que me cuentas, la mejor opcin es cambiar uno de los colores. O bien
pones de fondo un color azul ms oscuro, o pones la tipografa en blanco. Si
el azul es clarito, no contrasta nada con el fondo y por eso se ve borroso.
Un saludo!
Responder
Gracias vero por todos los posts, realmente muy buenos todos!! estoy ideando mi blog
y me han sido de mucha utilidadSaludos!
PaPe
Responder
Vernica Responder
Valenzuela
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 13 de 21
Muy interesante me quedan claras muchas cosas sobre una presentacion que debo
realizar con paneles de gran tamao
Adriana
Rivera Lo que buscaba en si es psicologa del color en ambientes pedagogicos, si alguien
Campos tuviera algun dato preciso, estria totalmente agradecida.
Responder
Muy interesante, felicidades. Personalmente creo que los colores pueden ir ms all de
nuestros ojos y comunicar por s solos. Por lo tanto, en la comunicacin visual es
Stampaprint
necesario tener en cuenta estas caractersticas intrnsecas de cualquier tonalidad. Un
saludo, Antonia
Responder
Hola Antonia,
Vernica
Valenzuela Muy interesante tu reflexin. Los colores lo son todo y con ellos somos
capaces de expresar sentimientos y sensaciones.
Un saludo!
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 14 de 21
Responder
Hola Vernica, quisiera preguntarte qu tan funcional es usar letras blancas en fondos
contrastantes, no precisamente negros. Tengo una correctora de estilo que menciona
Adelaida
Martnez que ningn material de difusin como carteles, folletos y trpticos, deben contener
letras blancas en fondos de color (de ningn tipo) porque no es funcional el diseo, es
decir, que el pblico no leera el material.
Mil gracias.
Responder
Hola Adelaila,
Vernica
Valenzuela La recomendacin general es que los textos vayan en negro sobre superficies
claras, pero depende del tipo de material podemos incluir pequeos textos
sobre fondos. El mensaje principal siempre debe entenderse, pero podemos
usar fondo oscuros sobre textos en blancos. Muchas veces hemos usado
imgenes y sobrepuesto frases en blanco sobre ellos con un buen resultado.
Lo importante es que se lea bien el mensaje, por lo que si quieres escribir el
texto en blanco, busca el color o imagen de fondo marque ese contraste.
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 15 de 21
Un saludo!
Responder
Muy interesante aunque la verdad soy psimo en eso de colores como la mayora de
hombres para mi solo blanco y negro xD y en un fondo dorado q color de letra usara?
Edu
Responder
Hola Edu,
Vernica
Valenzuela Me alegro que te haya gustado. Sobre un color dorado de fondo es difcil que
destaquen muchos colores. Yo probara con un negro o un color que hiciera
contraste. El rosa va muy bien con el dorado, pero si lo que vas a poner son
letras, quizs pierdan legibilidad. Creo que en este caso el negro es la mejor
opcin!
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 16 de 21
Buenas tardes.
Me cuesta leer muchas web,s porque usan el color gris suave sobre fondo blanco,
Jos
cosa que no comprendo, porque normalmente las publicaciones en papel son con letra
negra sobre fondo blanco.
Hay algunos sitios en que ese gris es tan suave que cuesta leerlo con comodidad,
como es, por ejemplo, la pgina del Museo de El Prado.
Este comentario, por ejemplo, est en gris medio, y esta intensidad de color no permite
(a m al menos) leer cmodamente largos textos. Recurro a veces a marcar el texto
como si quisiera copiarlo, de esa manera se establece un fondo azul con letras
blancas, y es ms legible.
Por qu se usa tanto el gris?
Gracias por las aclaraciones.
Responder
Johalice Responder
Hernndez
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 17 de 21
Muy buen artculo Vernica. La informacin es muy til y clara. Sigue con estos posts.
Saludos.
Metagrafic
SBD Responder
Tengo una duda. Si en una remera el texto es blanco, que color me conviene que sea el
fondo?
Lautaro
Responder
Hola!
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 18 de 21
Un saludo!
Responder
DEJA UN COMENTARIO
Tu direccin de correo electrnico no ser publicada. Los campos obligatorios estn marcados con
*
Comentario
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 19 de 21
PUBLICAR COMENTARIO
NETE A SILOCREATIVO!
nete a SiloCreativo y recibe las ltimas noticias y recursos gratuitos sobre diseo web, grfico y WordPress
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 20 de 21
Nombre
SUSCRBETE!
CONCENOS!
Vitamina para mentes creativas.! Silo Creativo somos Ricardo y Vernica, Quieres conocernos un poco ms?
ETIQUETAS
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017
Combinaciones bsicas de color entre texto y color de fondo Silo Creativo Pgina 21 de 21
Nuestra web usa cookies para mejorar la experiencia de usuario y navegacin +Info PERFECTO!
https://www.silocreativo.com/combinaciones-basicas-de-color-entre-texto-y-color-de-fondo/ 05-05-2017