¿Cómo seleccionar un color de fuente para ir sobre un fondo muy ocupado? [duplicar]

Soy desarrollador y no tengo mucha experiencia en diseño. Estoy creando una página de destino para un proyecto en el que estoy trabajando. Quiero usar la imagen de abajo como fondo para mi página de destino.

Como puede ver, el texto en él no es visible. He intentado usar algunos colores y ninguno se ve bien en esa imagen porque una parte del texto se une a la imagen.

¿Me pueden aconsejar qué color debo usar?

ingrese la descripción de la imagen aquí

Gracias

Intentaría agregar una sombra paralela o un trazo en el texto para que se destaque. Como alternativa, utilice un fondo menos recargado.

Respuestas (1)

¡Es difícil tener el color y el contraste perfectos ya que el fondo tiene casi todos los colores posibles!

Pero puede agregar algunos efectos detrás de su texto para iluminarlo o hacerlo más oscuro, y jugar con el contraste de esta manera. Eso también te permite cierta libertad para usar otro color de acento... Ej. el color del logotipo de la empresa para la que se crea el sitio web.

No puedes hacer todos estos efectos con CSS, ambos sí. Hice esto con Photoshop y usé el estilo de capa (haga doble clic en las capas con su texto para verlas).

Aquí hay un ejemplo con un cuadro blanco transparente:

caja transparente

Aquí hay un ejemplo con un cuadro blanco transparente de ancho completo:

Caja transparente de ancho completo

Aquí hay un ejemplo con un cuadro negro transparente de ancho completo:

Caja negra de ancho completo

Aquí hay un ejemplo con una gran sombra paralela y un cuadro:

sombra paralela para texto

Aquí hay un ejemplo con un brillo y una caja:

efecto de brillo exterior en el texto


Hay muchas opciones para ese tipo de proyectos, ¡pero tal vez estos ejemplos te den algunas ideas!

Si solo desea usar texto y nada más, debe elegir la fuente más negrita que pueda encontrar y, si es posible, agregar un contorno negro o algo alrededor.

+1: el contorno, por cierto, es fácil de agregar en CSS con sombra de texto (puede usar varias sombras duras en una sola declaración de propiedad de sombra de texto). Desafortunadamente, eso deja a las versiones anteriores de Internet Explorer al margen. Un panel como el que se sugiere aquí es la solución de navegador cruzado más fácil; la alternativa sería usar comentarios condicionales para introducir CSS para un panel en IE9 y versiones anteriores.