Mia Hartley 
Casi nadie escribe «texto de color». Escribe texto azul, o rosa, o rojo. El color no es un ajuste que vaya a retocar más tarde: es justo aquello a lo que venía, y casi siempre lleva dentro una razón que no sabría del todo explicar.
Por eso esta guía está ordenada por colores. Cada uno aparece abajo escribiendo su propio nombre, para que veas el color en vez de leer sobre él, y todas las muestras se han creado con el generador de texto de color de TextStudio. Antes de los ocho, hay una cosa que decide todo lo demás.
Un color no es legible. Un color sobre un fondo, sí.
Mira el panel de arriba. La palabra BLANCO está ahí. Está escrita exactamente en el mismo tamaño y el mismo grosor que las demás, y es invisible, porque blanco sobre blanco no es nada. El amarillo sale solo un poco mejor parado.
Este es el error que hay detrás de casi todos los diseños ilegibles: elegir un color por su cuenta, en un selector, contra el fondo que ese selector tenga a bien mostrar. Un color no tiene legibilidad propia. Solo tiene una relación con lo que hay detrás, y esa relación lo es todo.
De ahí sale la regla práctica: decide primero el fondo. Después elige un color que tenga adónde ir contra él. El amarillo es magnífico sobre negro y desesperante sobre blanco; el blanco, al revés. El color no ha cambiado en nada, solo lo que había debajo.
1. Azul
El color más buscado de todos, y el más tranquilo. El azul se lee como confianza, distancia y frío, y por eso los bancos, el software y los hospitales están anegados de él. Además retrocede: una palabra azul se queda atrás en lugar de saltar hacia delante.
Su punto débil es la oscuridad. El azul puro es el que parece más oscuro de todos los colores saturados, así que sobre un fondo negro necesita un resplandor o un contorno claro para sobrevivir, exactamente como arriba.
2. Rosa
El rosa ya no es simplemente «de niñas», y hace una década que dejó de serlo. Se lee como calidez, juego y seguridad en uno mismo, y se ha convertido en el color por defecto de la belleza, la música y todo lo que apunta a un público joven.
Es uno de los colores más fáciles de usar porque aguanta tanto sobre fondos claros como oscuros. La trampa es la contraria: rosa sobre rosa, que es lo que pasa cuando el fondo sale del mismo tablero de inspiración que el texto.
3. Rojo
El color más ruidoso que existe. El rojo significa alto, rebajas, alerta, amor y apetito, todo a la vez, y quien lo mira se queda con el sentido que le sugiera el contexto. Avanza más que ningún otro color: una palabra roja parece físicamente más cercana que una azul del mismo tamaño.
Úsalo para una sola cosa cada vez. Dos elementos rojos en el mismo diseño se anulan entre sí, porque los dos pretendían ser lo más urgente.
4. Verde
Naturaleza, dinero, salud y adelante. El verde es el único color que lleva dentro un «sí» rotundo, y por eso todos los botones de confirmar del mundo son verdes, y se instala cómodamente en mitad del rango entre claro y oscuro.
Vigila el matiz. Un verde amarillento se lee como fresco y juguetón; un verde azulado, como clínico y caro. Son el mismo nombre de color y dos mensajes distintos.
5. Amarillo
El color más brillante que el ojo es capaz de procesar, y el que tiene la mayor distancia entre su mejor y su peor caso. Sobre negro es imbatible. Sobre blanco casi ha desaparecido, como enseñaba la primera imagen.
Por esa distancia, el amarillo casi siempre necesita un canto: un recorte blanco, un contorno oscuro, algo que le dé un límite. La guía para añadir un contorno al texto trata justo eso, y el amarillo es el color que más lo necesita.
6. Naranja
Calidez sin la agresividad del rojo. El naranja se lee como cercano, enérgico y un punto barato, en el sentido en que un cartel de rebajas es barato, y es el color del otoño, del deporte y de la comida.
Es el color más difícil de colocar junto a otro. El naranja pelea con el rojo, se enturbia con el marrón y vibra contra el azul. Dale aire o dale un neutro.
7. Blanco
No es una ausencia, es una decisión. El blanco se lee como limpio, premium y sereno, y sobre una fotografía es el único color que funciona con casi cualquier motivo, y por eso domina la moda y los títulos de cine.
Su regla es simple y absoluta: el blanco necesita algo oscuro detrás. Sobre una foto clara desaparece por completo, y no hay sombra que lo rescate. Mueve el texto, oscurece la foto o cambia de color.
8. Varios colores a la vez
Un color por letra, el tratamiento arcoíris. Se lee como divertido, infantil y festivo, y es lo que la mayoría de la gente quiere decir cuando escribe «texto de color».
También te cuesta legibilidad, y cuesta más de lo que la gente espera. Eso merece su propia demostración, más abajo.
Ocho colores, cada uno escrito en el suyo
De esta lista faltan tres colores porque ya tienen guía propia: efectos de texto dorado, efectos de texto morado y fuentes de neón. Para la plata y el cromo, mira las fuentes de metal.
Lo que dice cada color antes de que nadie lo lea
El color se lee antes que la palabra. Para cuando alguien ha descifrado tus letras, ya le han dicho si esto es urgente o tranquilo, barato o caro, para niños o para adultos. No tienes la opción de quedarte fuera de eso, así que vale la pena elegir a propósito.
Los cálidos avanzan y reclaman atención. Los fríos se echan atrás y dejan respirar a quien lee. Los suaves hablan de dulzura y de celebración. Nada de eso es una regla que tengas que obedecer, pero si la rompes, rómpela sabiendo lo que haces.
Cuántos colores antes de que deje de leerse
Leemos las palabras como formas, no como letras. Un solo color mantiene la forma intacta y la palabra llega entera. Con tres todavía funciona, porque el ojo los agrupa en un patrón. Con siete, la forma se ha roto en pedazos y te descubres leyendo letra a letra.
Eso está bien en una guirnalda de cumpleaños, donde nadie tiene prisa, y es fatal en una miniatura, donde dispones de menos de un segundo. El arcoíris es una decoración, no una forma de escribir.
Cómo elegir, en tres pasos
- Mira el fondo antes que el color. Que sea claro u oscuro decide de golpe la mitad de tus opciones. El amarillo y el blanco viven en lados opuestos de esa línea.
- Elige por el mensaje, no por el tablero de inspiración. El rojo dice urgente, el azul dice calma, el verde dice adelante. Si tu color y tu mensaje no coinciden, gana el color, porque llega primero.
- Dale un canto si es un color vivo sobre un fondo movido. El amarillo, el naranja y el blanco necesitan un límite en cuanto el fondo pasa a ser una fotografía en vez de un panel plano.
Todos los efectos de aquí son gratis y no piden cuenta. Abre TextStudio para escribir tus propias palabras en cualquiera de estos colores.
Preguntas frecuentes
¿Cuál es el color más legible para un texto? No hay respuesta sin un fondo. Negro sobre blanco y blanco sobre negro son las dos parejas más legibles; amarillo sobre negro va justo detrás; amarillo sobre blanco está entre las peores.
¿Qué color debería usar para un título? Uno que contraste con lo que tiene detrás, y después uno que encaje con tu mensaje. En ese orden. Un título que va con el ambiente pero no se puede leer ha fracasado en lo único que tenía que hacer.
¿Puedo poner varios colores en una misma palabra? Sí, y hasta unos tres sigue siendo legible. A partir de ahí estás decorando en vez de escribir, que es la decisión correcta para una guirnalda de fiesta y la equivocada para cualquier cosa que la gente deba leer deprisa.
¿Por qué mi texto de color se ve apagado? Normalmente porque el color y el fondo están demasiado cerca en luminosidad. Dos colores pueden parecer muy distintos y tener casi el mismo brillo, y es el brillo, no el tono, lo que hace que las letras destaquen.
¿Necesito saberme el código hexadecimal? No. Cada efecto de aquí ya trae un color elegido y equilibrado con su propio contorno y su propia sombra. Escoger un efecto ya hecho es más rápido que ajustar un valor, y casi siempre sale mejor.